需求:设置默认时间为2:0:0的时间选择器
产生报错的写法:
<el-time-picker
v-model="state.ruleForm.time"
placeholder="请选择时间点"
:default-value="new Date(0, 0, 0, 2, 0, 0)"
style="width: 100%"
value-format="HH-mm-ss"
:disabled="!state.ruleForm.check" />
const state = reactive({
ruleForm: {
check: false,
time: new Date(0, 0, 0, 2, 0, 0),
},
});
原因:value-format
指定了绑定值的格式为字符串,绑定的值是Date格式。它默认绑定的值是Date格式。default-value
用于指定默认值。
写法1:绑定值为时间字符串
<el-time-picker
v-model="state.ruleForm.time"
placeholder="请选择时间点"
style="width: 100%"
:default-value="2:0:0"
value-format="HH-mm-ss"
:disabled="!state.ruleForm.check" />
写法2:绑定值为Date对象
<el-time-picker
v-model="state.ruleForm.time"
placeholder="请选择时间点"
:default-value="new Date(0, 0, 0, 2, 0, 0)"
style="width: 100%"
:disabled="!state.ruleForm.check" />