解决uview-ui u-datetime-picker组件不回显问题

230 阅读1分钟

主要代码 this.$refs.datetimePickerRef.updateColumnValue(需要回显的日期)

<template>
<u-datetime-picker
    ref="datetimePickerRef"
    @confirm="onDateTimeConfirm"
    @cancel="this.showDateTimePicker = false"
    :show="showDateTimePicker"
    v-model="dateValue"
    mode="date">
</u-datetime-picker>
<u-button
    size="mini"
    text="更新日期"
    @click="updateDate">
</u-button>
</template>
<script>
export default {
       data() {
	       return {
		     showDateTimePicker:false,
               dateValue: Number(new Date())
	       }
	     },
        methods:{
          updateDate() {
            this.$refs.datetimePickerRef.updateColumnValue('2025-04-28');
            this.showDateTimePicker = true;
         },
         onDateTimeConfirm(){}
     }
}
</script>