ElemeFE / element

A Vue.js 2.0 UI Toolkit for Web
https://element.eleme.io/
MIT License
54.13k stars 14.63k forks source link

[Bug Report] 日期范围选择器带快捷方式 default-time 设置不生效 #22932

Open ren-142326 opened 4 months ago

ren-142326 commented 4 months ago

Element UI version

2.15.14

OS/Browsers version

windows/127.0.6533.73

Vue version

2.7.16

Reproduction Link

https://codepen.io/ren-142326/pen/poXRoKo

Steps to reproduce

在日期范围选择器中设置快捷方式,同时设置 :default-time="['00:00:00', '23:59:59']"

日期时间使用哪种 value-format 格式都一样,

What is Expected?

当点击快捷方式时,default-time 设置 生效 得到和下面一样的日期和时间,['2024-07-22 00:00:00', '2024-07-29 23:59:59',]

当手动选择日期时,default-time 设置生效,得到这样的日期和时间,['2024-07-22 00:00:00', '2024-07-29 23:59:59',]

What is actually happening?

当点击快捷方式时,default-time 设置不生效,得到这样的日期和时间,['2024-07-22 17:37:46', '2024-07-29 17:37:46', ]

当手动选择日期时,default-time 设置生效,得到这样的日期和时间,['2024-07-22 00:00:00', '2024-07-29 23:59:59',]

ren-142326 commented 4 months ago

临时解决方案,

 {
    text: '最近一周',
    onClick(picker) {
      const end = new Date();
      const start = new Date();
      start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
      start.setHours(0,0,0,0) // 如果要使 时间戳 timestamp 格式生效,必须要设置最后一个参数,
      end.setHours(23,59,59,999) // 如果要使 时间戳 timestamp 格式生效,必须要设置最后一个参数,
      picker.$emit('pick', [start, end]);
    }
  },