uview u-datetime-picker不回显解决

2,418 阅读1分钟

uview u-datetime-picker官方坑v-model不回显日期需要特殊处理一下:v-if切换下组件的状态配合async/await,看下代码:

timeFormat(date) {
  const time = new Date(date).getTime();
  return time
},
async test(index) {
  this.refreshDate = false
  this.date = await this.timeFormat(time) 
  this.refreshDate = true
},

页面:

<view v-if="refreshDate" class="picker-box">
	<u-datetime-picker title="选择年月日时间" :minDate="minDate" :maxDate="maxDate" confirmColor="#35A5CA"
	  @confirm="confirmDate" :formatter="formatter" ref="datetimePicker" visibleItemCount="10"
    :show="showDate" @cancel="showDate = false" v-model="date" mode="datetime">
	</u-datetime-picker>
</view>