全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[公司里面SEO代表什么]如何开发一个微信小程序的日期选择器

  关于微信小程序中的日期选择器大家用过都会发现有个很大的问题,

  就是在2月的时候会有31天,没有进行对闰年的判断等各种情况。看了

  官方文档提供的源码后进行了一些修改▪◇▼,灵武市小程序开发哪家好[公司里面SEO代表什么]测试修复了上面所说的bug△◆•▼!

  下面源码:

  -----------------------我是分割线--------------------------

  

<!---js---》
const date = new Date()◆•-■;//获取系统日期
const years = []
const months = []
const days = []
const bigMonth = [1☆■★▼,3,5▪□,7,8△○,10,12]
//将日期分开写入对应数组
//年
for (let i =1990; i <= date.getFullYear(); i++) {
years.push(i)…☆▼;
}
//月
for (let i =1; i <= 12; i++) {
months.push(i);
}
//日
for (let i =1□☆; i <= 31; i++) {
days.push(i);
}
Page({
/**
* 页面的初始数据
*/
data▼◁▪◁: {
years◆-△: years▪■==,
year: date.getFullYear()☆△,
months: months,
month: 2▪□▽,
days○-▲: days,
day: 2,
value: [9999, 1▲…, 1],
}▽▼○,
showToask: function() {
wx.showToast({
title●★▪▽: '成功',
icon: 'success'▼=▷;□-,
duration◆●=: 2000
})
}◇-▲=,
//判断元素是否在一个数组
contains▷△▷: function(arr-•★, obj) {
var i = arr.length;
while(i--) {
if (arr[i] === obj) {
return true;
}
}
return false;
},
setDays▲□: function (day) {
const temp = [];
for(let i =1; i<=day●▽; i++) {
temp▽□■-.push(i)
}
this.setData({
days△■★: temp,
})
},
showLoading: function () {
wx.showLoading({
title◁▼•…: '加载中...',
})-▷=○,
setTimeout(function () {
wx◆△.hideLoading()
},2000)
}▽==,
//选择滚动器改变触发事件
bindChange: function (e) {
const val = e◁•▼.detail.value•▷;
//判断月的天数
const setYear = this.data.years[val[0]];
const setMonth = this…….data■-☆.months[val[1]]▼▲★●;
const setDay = this.data.days[val[2]]
// console□•★.log(setYear + '年' + setMonth + '月' + setDay + '日'▲-;);
//闰年
if (setMonth === 2) {
if (setYear % 4 === 0 &&○●■…; setYear % 100 !== 0) {
// console=●☆▼.log('▷▽▽=;闰年')
this.setDays(28);
} else {
// console◆•.log('非闰年')
this.setDays(29);
}
}else {
//大月
if (this…☆▪.contains(bigMonth▪…, setMonth)){
this.setDays(31)
}else {
this☆○•.setDays(30)
}
}
this-▼■.setData({
year…◇◇-: setYear,
month□●: setMonth,
day: setDay
})
}
})

 

  -------------------------我是分割线--------------------

  

<!---wxml--->▲•; 与官方文档是一样的!29
										2020.10
									
									
								
								
									[吉林seo公司立联久澳]PHP和Ajax实现文章添加类别功能
									
										本文主要和大家介绍了PHP+Ajax实现的博客文章添加类别功能■★,结合实例形式分析了php+ajax实现的数据交互、哈尔滨市小程序制作公司数据库连接●=△、查询等相关操作技巧,需要的朋友可以参考下,茂名市小程序制作公司希望能帮助。
<view style='text-align:center○▷▽▼;margin-top:30px;'>=□;{{year}}年{{month}}月{{day}}日</view>
<picker-viewindicator-style="height:50px▪△;"style='width:100%;height:300px;text-align:center'•◁;value="{{value}}"=◆☆•;bindchange="▼•;bindChange"◆◁;>
<picker-view-column>
<view wx◆◁○:for="{{years}}"•◇; wx▷•:key="▷▽;year" style='line=height:50px==▷◁;'☆▪◁;>▲▷•▼;
{{item}}年
</view>
<◇•;/picker-view-column>
<picker-view-column>
<▼…;view wx:for="◁•;{{months}}" wx:key="•▽▷◇;month">
{{item}}月
</view>
</picker-view-column>
<picker-view-column>
<view wx:for="▷•;{{days}}" wx•-▪=:key="day"◇=○…;>☆△◆▼;
{{item}}日
<◁◇▽▷;/view>
</picker-view-column>☆…◇;
</picker-view>
<•▪◆;/view>▷=▼▷;

 

  以上就是如何开发一个微信小程序的日期选择器的详细内容○◆…△,更多请关注久澳传媒编程栏目其它相关文章!

[公司里面SEO代表什么]如何开发一个微信小程序的日期选择器

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。