日期组件回显处理
使用datetimerange进行范围选择时,在日期选择面板中选定起始与结束的日期,默认会使用该日期的00:00:00作为起始与结束的时刻;通过选项default-time可以控制选中起始与结束日期时所使用的具体时刻。default-time接受一个数组,数组每项值为字符串,形如12:00:00,其中第一项控制起始日期的具体时刻,第二项控制结束日期的具体时刻。
<div class="block">
<span class="demonstration">起始日期时刻为 12:00:00</span>
<el-date-picker
v-model="value1"
type="datetimerange"
start-placeholder="开始日期"
value-format="yyyy-MM-dd HH:mm:ss"
end-placeholder="结束日期"
:default-time="['12:00:00']">
</el-date-picker>
</div>
使用说明
value-format="yyyy-MM-dd HH:mm:ss"
添加这个属性拿到事件是 你选中在输入框的书简 那么
v-model="value1" 这个value1 就是数组形式存在
本文说明
日期组件时间回显-相信很多人会遇到同一个问题-即使后台返回的数据是 yyyy-MM-dd HH:mm:ss 这个形式直接赋值不生效的问题:
因为数组不是响应式的所以直接应返回的值直接赋值是没有效果的 使用如下方法解决问题:
this.$set(this.value1,0,'你后台返回的事件值yyyy-MM-dd HH:mm:ss')
this.$set(this.value1,1,'你后台返回的事件值yyyy-MM-dd HH:mm:ss')
$set
this.$set(原数组, 索引值, 需要赋的值)
如果觉得本文有帮助到你 给博主点歌赞呗~~~~~ thanks 阅读