vant-ui 使用van-datetime-picker 设置默认的选中日期

vant-ui 使用van-datetime-picker 设置默认的选中日期

效果展示

<van-field 
   readonly 
   :clickable='isDisable' 
   label="现工作日期" 
   input-align="right" 
   v-model="form.relWkibedat" 
   placeholder="请选择" 
   trigger='onChange'
   @click="onShowWkibeDatPopup"
   error-message-align="right"
   :rule='rules.relWkibedat'
   :error-message="errorInfo.relWkibedat"
/>

<!-- 日期选择器弹层 -->
<van-popup v-model="isShowWkibeDat" position="bottom"> 
  <van-datetime-picker 
     type="date"
     id="relWkibedat"
     :max-date="maxDate"
     :min-date='minDate'
     @cancel="onCancelWkibeDatPopup" 
     @confirm="onConfirmWkibeDatPopup"
     v-model='relWkibedat'
     active-class="active-style"
  />
</van-popup>

由于设置日期选择器值为标准时间日期，但展示要YY-MM-DD，所以日期选择器与van-field不能用一个数据；

form:{
	relWkibedat: '2010/01/01'
}
relWkibedat: new Date('2010/01/01')

// 时间选择器确认时可以对选中的数据处理成需要的格式
onConfirmWkibeDatPopup(value) {
   this.form.relWkibedat = moment(value).format('YYYY/MM/DD')
}