【vue】vue +element 搭建項目，使用el-date-picker組件遇到的坑

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