ReactJS - Ant-Design v4 jalali（波斯）日期选择器问题

Question

我尝试了很多来更改 antd datepicker 中的语言环境，但我仍然无法。在 antd v3 中，我将语言环境更改为波斯语并有 jalali(شمسی) 日历，但在 antd v4 中，我做了一些方法，但只有不完整的翻译。

براءمیال，وستیکتیرکاریمه，تارییخیتویشتشرشرارمیریتتاریمخلاسبود：۲۰۲۰/۱۰/۰۶

تنها تغییر این بود که نامِ ماه‌ها به شمسی شده بود。 مثلِ «مهر 2020»。 وروسایتیوسمهم，روزهایکمیبوس，اماوستیمحلاروسروز15کلىمیکرسم，اینتاریتوسکتشرانتخابمه： 2020-10-06

代码：

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>

我也使用ant-design-jalali。在 webpack 配置中定义别名：

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

Answer 1

我遇到了同样的问题，这对我有用：

首先添加antd-jalali 然后添加day jalali js 之后将此行插入您的代码中：

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

并在<DatePickerJalali {...props} locale={locale} />中使用