主要代码 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>