el-time-picker 赋值回显问题
前端:组件代码 添加 is-range 属性即可选择时间范围
<el-time-picker
is-range
v-model="dateTimeForm.oneSideDateRange"
size="small"
format="HH:mm"
value-format="HH:mm"
range-separator="——"
start-placeholder="开始时间"
end-placeholder="结束时间"
placeholder="选择时间范围">
</el-time-picker>
后台返回结果:
Number():把对象的值转换为数字
(参考文献)
// JS处理方法,讲时间字符转换为时间并赋值即可
timeProcess (m) {
if (m != '' || m != undefined) {
var ms = m.substring(0, 2)
var me = m.substring(3)
// 2020,1,1 表示年月日 可自定义(存在的时间即可)
return new Date(2020, 1, 1, Number(ms), Number(me));
}
},
// 调用 oneSideTime1B|E 如上图后端返回结果
this.dateTimeForm.oneSideDateRange = [this.timeProcess(this.applicationData.oneSideTime1B), this.timeProcess(this.applicationData.oneSideTime1E)];
显示成功:
开始的时候的错误思路
this.dateTimeForm.oneSideDate1Range[0] = this.timeProcess(this.applicationData.oneSideTime1B),
this.dateTimeForm.oneSideDate1Range[1] = this.timeProcess(this.applicationData.oneSideTime1E),