ReactJS-Ant-Design v4 jalalipersiandatepicker问题

编程问答 2022-06-10

问题描述

我尝试了很多更改antd datepicker的语言环境，但是我仍然做不到。在antd v3中，我将语言环境更改为波斯语，并具有jalali（شمسی）日历，但是在antd v4中，我做了一些工作，但翻译不完整。

{1} {{1}

。 مثلِ«مهر۲۰۲۰»。 وروزهایتقویمهم，روزهایتمویبود，اماوقتیمثلارویروزِککویویتوبود， ۲۰۲۰-۱۰-۰۶

代码：

۲۰۲۰/۱۰/۰۶

，我也使用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>

解决方法

我遇到了与我同样的问题：

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

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

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

中使用
datepickerdatepickerfarsijalali-calendarmomentjsreactjsreactjsreactjsreactjs