【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 (this.msgForm.timingtime);//时间
作者:smile.轉角
QQ:493177502
作者:smile.轉角
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利.
欢迎关注我,一起进步!扫描下方二维码即可加我QQ
![](https://www.cnblogs.com/images/cnblogs_com/websmile/1492407/t_smile%E8%BD%AC%E8%A7%92.jpg)