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

页面

  <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)
  }
})

效果