本文实例为大家分享了微信小程序时间控件的具体实现代码，供大家参考，具体内容如下

在原来基础上改了点，由于项目需要按照功能需求自己在原有的组件上改写的选择日期时间插件，但后来这个功能取消，所以整理下写下来

wxml:

view class=' time _ screens ' view style=' text-align : center；color : # 45bce 8 "年}}-{ {月} }-{ {日} } { {小时} } : { {分钟} }标签样式=' float:right '右边距：10 px'确定/label/view view style=' border-top :1 px solid # 45BCE 8；height :25 px ' font-size :14 px；'view class='time-title '年/view view class='time-title '月/view view class='time-title '日/view view class='time-title '时/view view class='time-title '分/view/视图选择器-view指示器-style=' height : 50px；'style=' width : 100%；'height : 300 px ' value=' { { value } } ' bind change=' bind change ' picker-view-column class=' picker-text ' view wx : for=' { { years } } ' style='行高： 50px ' { item } }/view/picker-view-column picker-view-column class=' picker-text ' view wx 3: for=' { { months } } ' style='行高3:时间标题{ float:left宽度：20%;文本对齐：居中；color:#45BCE8} .picker-text { text-align : center；}/*屏蔽*/。time _ screens { width : 100%；位置：固定；底部： 0；左： 0；z指数： 1000；opacity: 0.5飞越：隐藏；}js:

常量日期=新日期()常量年=[]常量月=[]常量日=[]常量小时=[]常量分钟=[]var thisMon=Date。getmonths()；var this day=date。getdate()；用于(让i=2017I=日期。get full year()1；i ) { years.push(i)} for(让I=日期。getmonth()；I=11I){ var k=I；if(0=I I 9){ k=' 0 '(I 1)；} else { k=(I ^ 1)；}个月。push(k)} if(0=这个mon这个mon 9){这个mon=' 0 '(这个mon 1)；} else { this mon=(this mon 1)；} if(0=本日本日10){本日=' 0 '本日；} var total day=mGetDate(date。getfullyear()、本周一)；用于(设I=1；I=31I){ var k=I；if(0=I I 10){ k=' 0 ' I }天。push(k)} for(让I=0；I=23I){ var k=I；if(0=ii10){ k=' 0 ' I }小时。push(k)} for(让I=0；I=59I){ var k=I；if (0=i i 10) { k='0' i }分钟。push(k)}函数mGetDate(年，月){ var d=新日期(年，月，0);返回d . GetDate()；}Page({ data: { years:year: date.getFullYear()，month : month : this mon，days: days，day: thisDay，value: [1，thisMon-1，thisDay-1，0，0]，hours: hours，hour: ' 00 '，minutes: minutes，minutes 3: ' 00 ' }，bind var change date=}用于(设I=1；I=total dayi){ var k=I；if(0=I I 10){ k=' 0 ' I }更改日期。推(k)这个。setdata({ days : change date })}，})以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。