微信小程序常用组件视频课程-表单组件-picker-日期 滚动选择器 的使用

确认后提交表单输出

js代码

  /**
   * 页面的初始数据
   */
  data: {
    riqi: '2018-08-08',
    riqi2: '2019-02-06'
  },
  p1:function(e){
    console.log(e.detail.value)
    //console.log(e.detail.value.pic1)
  },
  mysubmit:function(e)
  {
    console.log(e.detail.value)
    console.log(e.detail.value.pic2)
  },

wxml代码

<form bindsubmit='mysubmit' bindreset='myreset'>

<view>日期选择器</view>
<picker mode="date" start="2015-05-05" end="2019-09-09" value='{{riqi}}'
  bindchange='p1' name="pic1">
当前选择日期：{{riqi}}
</picker>

<view>日期选择器2</view>
<picker mode="date" start="2015-05-05" end="2019-09-09" value='{{riqi2}}'
  bindchange='p1' name="pic2">
当前选择日期：{{riqi2}}
</picker>

<button form-type='submit'>提交</button>
<button form-type='reset'>重置</button>

</form>

欢迎大家收看我的****：微信小程序组件入门到精通
https://edu.csdn.net/course/detail/16193