reactjs - 更改react-datepicker中的区域设置

Question

我正在使用react-datepicker NPM 包，
我尝试遵循文档，但无法导入

registerLocale 

和

setDefaultLocale

来自react-datepicker

你看出我哪里出错了吗？

 import DatePicker from 'react-datepicker';



...
    <DatePicker
            { ...this.props }
            dateFormat={ this.dateFormat }
            ref={ (node) => { this.ref = node; } }
            onClickOutside={ this.clickOutside }
          />
...

这是我想要导入语言环境的代码。

Answer 1

首先确保您使用的是最新版本的插件(2.0.0)。然后，您还需要安装 date-fns 模块，但目前 react-datepicker 正在使用 2.0.0-alpha.23 版本。

然后您需要导入并注册所需的区域设置，最后将 locale 属性添加到 DatePicker

所以(安装正确版本后)

import DatePicker, { registerLocale } from "react-datepicker";
import el from "date-fns/locale/el"; // the locale you want
registerLocale("el", el); // register it with the name you want

并使用它

<DatePicker 
    locale="el"
    ...
/>

工作演示位于 https://codesandbox.io/s/7j8z7kvy06