从 DateInput BlueprintJS 更改月份名称

Question

所以我使用 BlueprintJS datetime package in a React project to render a birthday picker and I want to set the months names of the select to the Spanish version. In their documentation says they use react-day-picker 来呈现日历，并且从 react-day-picker 文档中有一个参数可以从数组中设置月份名称，但我没有得到它更改 select 名称。这是我在组件中设置的。 weekdaysLong 和 weekdaysShort 工作正常但几个月属性.

<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,
      }}
/>

这是我有 months 和 weekdays

的变量

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'
  ]
}

有人知道发生了什么事或知道另一种设置整个组件语言的方法吗？

Answer 1

根据这个 github 问题页面，这似乎是最近打开（并很快修复）的问题：https://github.com/palantir/blueprint/issues/3265

您可以等待修复被合并（然后更新您的 package.json 以使用新版本），或者您必须使用其他一些库。希望对您有所帮助！

从 DateInput BlueprintJS 更改月份名称

Change months names from DateInput BlueprintJS

datepicker

reactjs

blueprintjs