前几天在开发项目中遇到一个问题，在使用element-ui的时间控件 <el-date-picker></el-date-picker> 时，在谷歌浏览器可以正常使用（包括选择或输入日期、回填、初始化），但是在IE浏览器中，却不能将初始化数据回填显示在输入框中。
如果你遇到了和我同样的问题，不妨按照如下方式试一试：
1、去掉placeholder属性
此方法也适用于下拉框的值已经被选中，但是显示框没有值显示。
2、对传入日期数据进行格式化处理
如果你已经去掉了placeholder属性，进行选择日期操作可以正常显示，但是初始化时仍无法回填在显示框。
此时考虑传入的数据格式和时间控件格式不完全一致，假如时间控件类型 type="date"，而后台传来的数据或许默认带有时分秒，例如：2019-03-24 08:00:00，此时需要将改数据进行格式化处理后，保留2019-03-24，再传入时间控件进行显示，IE就可以正常显示啦。
由于目前项目使用的是VUE框架，直接通过计算属性，截取了数据的前十位就可以了。
这是目前遇到的IE时间控件不显示的两种比较常用的处理方法。
由于刚入门前端不久，只是记录自己遇到的小问题，如果对你有用，可以点赞支持我，如果有说不对的地方，或你有更好的方法，也请评论告诉我呀~
网友评论