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

页面

   <picker mode="time"
           value="{{time}}"
           start="{{minTime}}"
           end="{{maxTime}}"
           bindchange="timeChange">
     {{time}}
   </picker>

   <picker mode="date"
           value="{{date}}"
           start="{{minDate}}"
           end="{{maxDate}}"
           bindchange="dateChange">
     {{date}}
   </picker>
   <button bindtap="save">提交</button>

逻辑

 Page({
   data: {
     //默认日期&时间
     date: '2016-09-01',
     time: '12:01',
     //日期&时间上下限制
     minTime:'09:00',//开始时间上限
     maxTime:'18:00',// 结束时间下限
     minDate:'2015-08-20',//开始日期上限
     maxDate:'2018-01-01'//结束日期下限
   },

   dateChange: function(e) {
     this.setData({
       date: e.detail.value
     })
   },
   timeChange: function(e) {
     this.setData({
       time: e.detail.value
     })
   },

   save:function(){
     var date=this.data.date;
     var time=this.data.time;
     console.log(date,time)
   }
 })

效果