elementUI 时间控件 DateTimePicker 自定义快捷时间在ie中无法回调

最新推荐文章于 2023-07-21 16:57:48 发布

原创

最新推荐文章于 2023-07-21 16:57:48 发布 · 549 阅读

0 ·

CC 4.0 BY-SA版权

本文主要描述了在使用ElementUI的DateTimePicker组件时遇到的一个兼容性问题。在设置快捷时间如近一周、近一月、近三月后，在Firefox和Chrome浏览器中正常工作，但在IE浏览器中无法触发回调。原因是IE不支持时间字符串中的"-"字符，通过将其替换为"/"解决了该问题。

应用场景：
需要设置快捷时间：近一周、近一月、近三月，但是初始时间为当天0点，结束时间为当天23点59分59秒。
然后我就写了一段这样的：

pickerOptions: {
   
   
  shortcuts: [{
   
   
         text: '最近一周',
         onClick(picker) {
   
   
         const end = new Date();
         const start = new Date();
         start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
         const newStart=new Date(start.getFullYear()+'-'+(1+start.getMonth())+'-'+start.getDate()+' 00:00:00');
         const newEnd=new Date(end.getFullYear()+'-'+(1+end.getMonth())+'-'+end.getDate()+' 23:59:59');
         picker.$emit('pick', [newStart, newEnd]); 
         }
     }, {
   
   
         text: '最近一个月',
         onClick(picker) {
   
   
         const end = new Date();
         const start = new