2021-07-28

最新推荐文章于 2024-09-14 12:05:57 发布

weixin_42554341

最新推荐文章于 2024-09-14 12:05:57 发布

阅读量51

点赞数

文章标签： elementui ie

本文链接：https://blog.csdn.net/weixin_42554341/article/details/119180962

版权

element ui 时间选择器在IE浏览器中给默认时间以及时间不回显的解决方案

<el-date-picker v-model="value1" type="datetimerange"  value-format="yyyy-MM-dd hh:mm:ss" :clearable="false" start-placeholder="开始时间" end-placeholder="结束时间"
	:default-time="['00:00:00', '23:59:59']">
</el-date-picker>

关于在ie中不回显的问题解决方法：在引入组件时，添加value-format参数来绑定值的格式：

value-format="yyyy-MM-dd hh:mm:ss"

 mounted: function mounted() {
  	 	var now = new Date(); 
    	this.value1 = [this.dawnDate2(now,1), this.dawnDate2(now,2)];
  },
 methods: {
  	dawnDate2: function dawnDate2(date,val) {
	  var y = date.getFullYear();
	  var m = date.getMonth() + 1;
	  m = m < 10 ? "0" + m : m;
	  var d = date.getDate();
	  d = d < 10 ? "0" + d : d;
	  if(val == 1){
	  	  var h = "00";
		  var minute = "00";
		  var second = "00";
		  return y + "-" + m + "-" + d + " " + h + ":" + minute + ":" + second;
	  }else if(val == 2){
	  	  var h = "23";
		  var minute = "59";
		  var second = "59";
		  return y + "-" + m + "-" + d + " " + h + ":" + minute + ":" + second;
	  }
	}, 
}