react-dates Airbnb Datepicker将语言更改为德语

时间:2018-06-12 12:05:48

标签: javascript reactjs ecmascript-6 airbnb react-dates

大家好,我正在尝试将<DateRangePicker/>改为德语。我做错了什么?有人能帮我吗。

render(){
          moment.locale('de')

return(
                        <DateRangePicker
                                              startDate={this.state.startDate} // momentPropTypes.momentObj or null,
                                              endDate={this.state.endDate} // momentPropTypes.momentObj or null,
                                              onDatesChange={({ startDate, endDate }) => {

                                                this.setState({ endDate, startDate,
                                                  startDateString: startDateString,
                                                  endDateString: endDateString})}} // PropTypes.func.isRequired,
                                              focusedInput={this.state.focusedInput} // PropTypes.oneOf([START_DATE, END_DATE]) or null,
                                              onFocusChange={focusedInput => this.setState({ focusedInput }) } // PropTypes.func.isRequired,
                                              endDatePlaceholderText={"Bis"}
                                              startDatePlaceholderText={"Ab"}
                                              displayFormat={"DD/MM/YYYY"}
                                              showDefaultInputIcon={false}
                                          />
)
}

2 个答案:

答案 0 :(得分:0)

要设置react-dates的语言,有两种方法可以实现:

1。

import moment from 'moment';
componentDidMount() {
  moment.locale('ge');
}
  1. import 'moment/locale/ge'

答案 1 :(得分:-1)

确保在您的npm moment js中将其导入到该datepicker的组件中