DateTimePicker 日期时间选择器(解决回显异常、不可修改)

399 阅读1分钟

时间.png

// template
   <el-form-item label="开始时间" style="width: 50vw" prop="apply_start_time">
        <el-date-picker v-model="drawerData.apply_start_time" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="选择时间" style="width: 20vw" size="small"> </el-date-picker>
   </el-form-item>
// js
data() {
    return {
      drawerData: {
        apply_start_time: "", //开始时间
      },
   }
}

 //点击事件
 //点击当前行,将当前行的开始时间赋值给template中双向绑定的值,即可实现回显,可选择的状态
 this.$set(this.drawerData, "apply_start_time", row.start_time);