[DatePickRange]: 预设不支持 dayjs.utc

[vaynevayne]

• I'm sure this does not appear in the issue list of the repository

arco 是错误的: https://codesandbox.io/s/loving-feynman-s8zclz?file=/demo.js
antd 是正确的: https://codesandbox.io/s/yu-she-fan-wei-antd-5-7-3-forked-tvx4d3?file=/demo.tsx

     {
          text: '上月',
          value: () => [
            dayjs.utc().subtract(1, 'month').startOf('month'),
            dayjs.utc().subtract(1, 'month').endOf('month'), 
          ],
        },

正确的结束时间应该是: 2023-07-31

但是 组件显示的结束时间是 2023-08-01
ps: 未使用 utcoffset相关 prop

Basic Info

• Package Name And Version: @arco-design/web-react@2.51.0
• Browser: chrome115.0.0.0

[vaynevayne]

@yinkaihui

[vaynevayne]

修改建议, 支持字符串类型的shortcut(其实你们shortcut 部分的代码已经支持了), 但是并不会生效是因为这里卡住了,

https://github.com/arco-design/arco-design/blob/main/components/DatePicker/picker-range.tsx#L656

getDayjsValue里面已经做了判断, isValidShortcut 是冗余的, 并且两者有冲突, 移除isValidShortcut判断即可https://github.com/arco-design/arco-design/blob/main/components/_util/dayjs.ts#L218

最后:

  // Callback when mouse entered the shortcuts
  function onMouseEnterShortcut(shortcut) {
    clearShortcutsTimer();
    shortcutEnterTimer.current = setTimeout(() => {
     //  if (isValidShortcut(shortcut)) {
        const nv = getDayjsValue(shortcut.value(), format, utcOffset, timezone) as Dayjs[];
        setShortcutsValue(nv);
        setFixedPageShowDates(nv);
      // } 
    }, 50);
  }

[PengJiyuan]

小黑子