mpvue 微信小程序 picker 日期组件,使用方法

上图不说话
这里写图片描述

template 部分
<div class="index_section">
 <picker mode="date"
  :value="startDate"
  :start="pickerStart" end="2217-09-01" @change="bindDateChangeStart($event)">
    <div class="index_picker">
      <div class="">起始日期</div>
      <div class="">{{ startDate }}</div>
    </div>
  </picker>
</div>
script部分
data () {
  return {
    startDate:'2018-05-9',
    endDate:'2018-02-21',
    pickerStart:'2018-05-6',
  }
},
mounted(){
  // 设置时间
  let today = this.getToday()
  this.startDate = today
  this.endDate = today
  this.pickerStart = today
},
methods: {
   getToday(){
     let myDate = new Date();
     let myMonth = myDate.getMonth() + 1;
     if(myMonth < 10){
       myMonth = '0'+ myMonth;  //补齐
     }
     let mydate = myDate.getDate();
     if(myDate.getDate()<10){
         mydate = '0'+ myDate.getDate();  //补齐
     }
     let today = myDate.getFullYear() + '-' + myMonth + '-' + mydate;
     return today
   },
}

好像说完了……

猜你喜欢

转载自blog.csdn.net/weixin_36934930/article/details/80251889