替换 Moment.js

    第一种方法是使用 (或 generateCalendar)辅助创建 Picker 组件。

    我们先初始化一个 create-react-app 的 antd demo,你可以参考 进行构建,也可以直接从这里开始init antd

    DatePicker.tsx

    新建 。

    编写如下代码:

    TimePicker.tsx

    编写如下代码:

    Calendar.tsx

    新建 src/components/Calendar.tsx

    编写如下代码:

    导出自定义组件

    新建 。

    使用自定义组件

    修改 src/App.tsx,引入 dayjs 和自定义的组件。

    如果按照上述步骤无法正确运行的话,你可以参考。

    如果你需要 JavaScript 代码,你可以参考 antd4-generate-picker/antd-demo

    如果你熟悉 ,你可以参考 antd4-use-dayjs-replace-moment

    Webpack 配置替换