reaeActjs -Ant -Design v4 jalali（波斯）datepicker问题

Question

我尝试在antd datepicker中更改语言环境，但我仍然做不到。在ANTD V3中，我将语言环境更改为波斯语，并拥有Jalali（ششیی）日历，但是在ANTD V4中，我采取了一些方式，但只有不完整的翻译。

ثثold，，یییففف极立یییu200cش，，کیخییخییخییخییخییخییخیlist

了غیی了غیی了ی了ی了ی了ک了ک。贵环«黄»。 ›قق证，，，،sthipectecous ۲۰۲۰-۱۰-۰۶

编码：

۲۰۲۰/۱۰/۰۶

我还使用

ant-design-jalali

。在WebPack配置中定义一个别名：

import { DatePicker, ConfigProvider } from 'antd';
import "moment/locale/fa";
import moment from "moment";
import fa_IR from "antd/es/locale/fa_IR";
import locale from "antd/es/date-picker/locale/fa_IR";

<ConfigProvider locale={fa_IR}>
    <DatePicker locale={locale} defaultValue={moment()} />
</ConfigProvider>

我也有同样的问题对我有用：

Answer 1

antd-jalali

下一个添加

日jalalijs

之后，将此行插入您的代码：

module.exports = {
  ...
  resolve: {
    modules: ['node_modules'],
    alias: {
      moment: path.resolve(__dirname, './node_modules/antd-jalali-moment') // -> this alias
    }
  },
  ...
};

在

import 'moment/locale/fa';
import locale from 'antd/es/date-picker/locale/fa_IR';

中使用

<DatePickerJalali {...props} locale={locale} />

Answer 2

基于接受的答案，我描述了如何使用此软件包。

Answer 3

import { DatePicker, ConfigProvider } from 'antd'; 
import "moment/locale/fa"; 
import moment from "moment"; 
import fa_IR from "antd/es/locale/fa_IR"; 
import locale from "antd/es/date-picker/locale/fa_IR"; 

<ConfigProvider locale={fa_IR}> <DatePicker locale={locale} defaultValue={moment()} /> </ConfigProvider>

或与

antd-jalali@latest

1. 一起使用

   add

   --force

   to to to像berlow：

2. app.js|| app.jsx || app.tsx

   JalaliLocaleListener

您的欲望组成部分中的Import datepickerjalali：

component.js

App.js

设计jalalidatepicker