1.html
<el-form-item prop="dateTime">
<el-date-picker
v-model="messageDataForm.endTime"
type="datetime"
:placeholder="请输入结束时间"
:picker-options="pickerOptions">
</el-date-picker>
2.js
export default {
data() {
return {
msgForm: {
endime: '',//结束时间
},
editId:''
}
},
methods: {
//接口调用
getDatail(){
let data = {
id: this.editId,
};
fetchseeDetail(data).then(response => {
this.msgForm = response.data.data;
this.msgForm.endTime= new Date (this.msgForm.timingtime);//时间
});
},
}
3.接口数据：
4.效果：
ps：①点击时间不能删除，
②点击下图不可选时间
5.解决方案
方法①：
msgForm: {
timingtime: '',//结束时间
},
方法②：
let msgForm = response.data.data;
this.msgForm.endTime= new Date (msgForm.timingtime);//时间
作者：smile.轉角
QQ：493177502