关于小程序picker （二）时间选择器和日期选择器的使用

wxml:

<view class='carpool_data_all'>

<view class='aa'>

<text>*出发时间</text>

</view>

<view class='bb'>

<picker mode="time" value="{{time}}" start="00:00" end="23:59" bindchange="bindTimeChange">

<input class='' placeholder='请选择时间' value='{{time}}'></input>

</picker>

</view>

</view>

 

<view class='carpool_data_xiala'>

<view class='aa'>

<text>*乘车</text>

</view>

<view class='dd'>

 

<picker bindchange="bindPickerChange" value="{{ginseng}}" range="{{array}}">

<input placeholder='请选择' value='{{array[ginseng]}}'></input>

</picker>

</view>

</view>

--------------------- 

mxjs:

 

Page({
  data: {
    dates: '2016-11-08',
    times: '12:00',
    objectArray: ['中国', '英国', '美国'],
    index: 0,
  },
  //  点击时间组件确定事件  
  bindTimeChange: function (e) {
    console.log("谁哦按")
    this.setData({
      time: e.detail.value
    })
  },
  //  点击日期组件确定事件  
  bindDateChange: function (e) {
     console.log(e.detail.value)
    this.setData({
      date: e.detail.value
    })
  },
  //  点击城市组件确定事件  
  bindPickerChange: function (e) {
     console.log(e.detail.value)
    this.setData({
      index: e.detail.value
    })
  }
---------------------