Open miffy-w opened 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"
🧐 问题描述
有些情况下,可能需要自定义 EditableProTable 中的日期表单,并且有联动的效果。比如开始时间和结束时间选择框是分开的,我想给两个 Picker 传 disabledDate 属性用于禁用一些时间段。但是我发现 onValuesChange 触发时日期格式是字符串,似乎 antd 里的 DatePicker 目前仅支持传入 Dayjs,选日期的时候就报错了,我需要在 onValuesChange 触发时遍历 list,修正日期的格式为 Dayjs。
💻 示例代码
codesandbox
🚑 其他信息
"@ant-design/pro-components": "2.6.51"