ant-design / pro-components

🏆 Use Ant Design like a Pro!
https://pro-components.antdigital.dev
MIT License
4.02k stars 1.28k forks source link

🧐[问题] 在 EditableProTable 组件中使用日期选择器,是否可以支持 dayjs 数据格式双向绑定? #8249

Open miffy-w opened 1 month ago

miffy-w commented 1 month ago

🧐 问题描述

有些情况下,可能需要自定义 EditableProTable 中的日期表单,并且有联动的效果。比如开始时间和结束时间选择框是分开的,我想给两个 Picker 传 disabledDate 属性用于禁用一些时间段。但是我发现 onValuesChange 触发时日期格式是字符串,似乎 antd 里的 DatePicker 目前仅支持传入 Dayjs,选日期的时候就报错了,我需要在 onValuesChange 触发时遍历 list,修正日期的格式为 Dayjs。

const udpateDataSource = useCallback((newDataSource: IDataSource[]) => {
    return newDataSource.map((item) => {
      const { startTime, endTime } = item;

      if (startTime) {   // 修正
        item.startTime = dayjs(startTime).startOf("day");
      }

      if (endTime) {   // 修正
        item.endTime = dayjs(endTime).endOf("day");
      }

      return item;
    });
  }, []);

💻 示例代码

codesandbox

🚑 其他信息

"@ant-design/pro-components": "2.6.51"