首页 > 代码库 > 微信小程序之日期与时间插件

微信小程序之日期与时间插件

页面

技术分享
 1   <picker mode="time"  2           value="http://www.mamicode.com/{{time}}"  3           start="{{minTime}}"   4           end="{{maxTime}}"    5           bindchange="timeChange"> 6     {{time}} 7   </picker> 8  9   <picker mode="date" 10           value="http://www.mamicode.com/{{date}}" 11           start="{{minDate}}" 12           end="{{maxDate}}" 13           bindchange="dateChange">14     {{date}}15   </picker>16   <button bindtap="save">提交</button>
View Code

 

逻辑

技术分享
 1 Page({ 2   data: { 3     //默认日期&时间 4     date: ‘2016-09-01‘, 5     time: ‘12:01‘, 6     //日期&时间上下限制 7     minTime:‘09:00‘,//开始时间上限 8     maxTime:‘18:00‘,// 结束时间下限 9     minDate:‘2015-08-20‘,//开始日期上限10     maxDate:‘2018-01-01‘//结束日期下限11   },12 13 14 15   dateChange: function(e) {16     this.setData({17       date: e.detail.value18     })19   },20   timeChange: function(e) {21     this.setData({22       time: e.detail.value23     })24   },25 26 27 28   save:function(){29     var date=this.data.date;30     var time=this.data.time;31     console.log(date,time)32   }33 })
View Code

 

效果

技术分享

微信小程序之日期与时间插件