pro-components
pro-components copied to clipboard
🧐[问题] 在 EditableProTable 组件中使用日期选择器,是否可以支持 dayjs 数据格式双向绑定?
🧐 问题描述
有些情况下,可能需要自定义 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;
});
}, []);
💻 示例代码
🚑 其他信息
"@ant-design/pro-components": "2.6.51"