从DateInput BlueprintJS更改月份名称

时间:2019-01-15 11:50:15

标签: reactjs datepicker blueprintjs

因此,我在React项目中使用BlueprintJS datetime包来呈现生日选择器,并且我想将选择的月份名称设置为西班牙语版本。在他们的文档中说,他们使用react-day-picker来渲染日历,而从react-day-picker文档中有一个参数可以设置数组中的月份名称,但是我不知道如何更改选择名称。这就是我在组件中设置的内容。 weekdaysLongweekdaysShort可以正常工作,但不能使用months属性。

<DateInput
      formatDate={date => date.toLocaleString('es-ES', {year: "numeric", month: "2-digit", day: "numeric"})}
      onChange={this.handleDateChange}
      parseDate => new Date(str)}
      placeholder={"DD/MM/YYYY"}
      maxDate={now}
      minDate={minDate}
      value={this.state.date}
      dayPickerProps={{
            locale: 'es',
            months: DateFormatString.months,
            weekdaysLong: DateFormatString.weekDaysLong,
            weekdaysShort: DateFormatString.weekDaysShort,
            firstDayOfWeek: 1,
      }}
/>

这是我拥有monthsweekdays

的变量
const DateFormatString = {
  months: [
    'Enero',
    'Febrero',
    'Marzo',
    'Abril',
    'Mayo',
    'Junio',
    'Julio',
    'Agosto',
    'Septiembre',
    'Octubre',
    'Noviembre',
    'Diciembre'
  ],
  weekDaysLong: [
    'Domingo',
    'Lunes',
    'Martes',
    'Miercoles',
    'Jueves',
    'Viernes',
    'Sabado'
  ],
  weekDaysShort: [
    'Do',
    'Lu',
    'Ma',
    'Mi',
    'Ju',
    'Vi',
    'Sa'
  ]
}

任何人都知道发生了什么事,或者知道另一种设置整个组件语言的方式?

1 个答案:

答案 0 :(得分:0)

根据这个github问题页面,https://github.com/palantir/blueprint/issues/3265

似乎是一个最近开放(并很快得到修复)的问题。

要么等待合并修订(然后更新package.json以使用新版本),要么必须使用其他库。希望有帮助!