寻求兼容Dayjs的React日期选择器/日期范围库替代方案

1. 适配 rc-calendar 继续使用 #

如果不想替换现有组件，可以给 rc-calendar 做一层 Day.js 适配封装：

• 组件接收 Day.js 对象作为输入，转换为原生 Date 对象传入 rc-calendar（利用 Day.js 的 toDate() 方法）
• 监听 rc-calendar 的选择回调，将返回的 Moment 对象转换为 Day.js 对象（dayjs(momentObj.toDate())）
• 国际化部分复用 rc-calendar 语言包，或通过 Day.js 的国际化配置映射显示文本

2. Ant Design DatePicker（Day.js 兼容版） #

• Ant Design 4.x 及以上版本支持通过 antd-dayjs-webpack-plugin 替换内置的 Moment.js 为 Day.js，底层不再依赖 Moment
• 自带完整的国际化支持，覆盖数十种语言
• 支持日期范围选择、单个日期选择等多种场景，API 设计成熟，迁移成本低

3. React DayPicker #

• 完全与日期库解耦，仅负责 UI 渲染和交互逻辑，日期的解析、格式化由开发者自行控制
• 支持国际化，可通过配置项自定义星期、月份等文本显示
• 轻量灵活，只需在选中回调中用 Day.js 处理原生 Date 对象即可完成适配

4. MUI X Date and Time Pickers #

• 支持自定义日期适配器，官方提供 Day.js 专用适配器 @mui/x-date-pickers/dayjs-adapter，无需依赖 Moment 或 date-fns
• 国际化可通过 MUI 的 i18n 系统配置，支持多语言切换
• 功能全面，包含日期范围选择、时间选择、日期时间选择等组件，适配复杂场景

内容的提问来源于stack exchange，提问作者Robert