我使用DayPickerInput组件为表单上的字段添加日期,并且我想以其他语言(希伯来语)显示日期和月份。在该库的API中,我找到了一种非常简单的方法来更改基本组件(DayPicker)的语言,但是据我了解,这种方法不适用于DayPickerInput。
它设法更改所选日期的语言(在字段本身中),但不能更改选择器中的显示。
例如,
import React from "react";
import ReactDOM from "react-dom";
import DayPicker from "react-day-picker";
import MomentLocaleUtils from "react-day-picker/moment";
import "react-day-picker/lib/style.css";
import "moment/locale/he";
function LocalizedExample() {
return (
<div>
<p>Hebrew</p>
<DayPicker localeUtils={MomentLocaleUtils} locale="he" />
</div>
);
}
ReactDOM.render(<LocalizedExample />, document.getElementById("root"));
Run Code Online (Sandbox Code Playgroud)
使用此代码,语言将根据需要进行更改,但是进行了以下更改(在第三行中):
import DayPicker from "react-day-picker/DayPickerInput";
Run Code Online (Sandbox Code Playgroud)
语言仍然是英语。
有没有办法做到这一点?