React-datepicker: how to change default locale to locale ru

Created on 25 Jan 2019  路  4Comments  路  Source: Hacker0x01/react-datepicker

Expected behavior

in Date picker month names like [携薪胁邪褉褜,肖械胁褉邪谢褜,袦邪褉褌,袗锌褉械谢褜,袦邪泄,袠褞薪褜,袠褞谢褜,袗胁谐褍褋褌, 小械薪褌褟斜褉褜,袨泻褌褟斜褉褜,袧芯褟斜褉褜,袛械泻邪斜褉褜]
how can i localize month and weeks to RUS

Actual behavior

in actual, date picker months in eng.

Steps to reproduce

import DatePicker,{registerLocale,setDefaultLocale} from "react-datepicker"
import "react-datepicker/dist/react-datepicker.css"
import { ru } from "date-fns/locale/ru/index.js";
registerLocale('ru',ru);
setDefaultLocale('ru');

return(
locale={ru}
formatWeekDay={ru}
onSelect={this.handleChange}
dateFormat="YYYY-MM-DD"
shouldCloseOnSelect={true}
showYearDropdown={true}
scrollableYearDropdown={true}
yearDropdownItemNumber={101}
/>
)

azzaa

wontfix

Most helpful comment

package.json

"date-fns": "^2.0.0-alpha.23",

component.js

import ru from 'date-fns/locale/ru';
...
<DatePicker
  locale={ru}
>

All 4 comments

Hi.

I don't know about ru, I've done for Finnish only.

Here are some steps:

  1. install date-fns, in my case: ^2.0.0-alpha.26
  2. import it somewhere before usage, in my case import * as fi from "date-fns/locale/fi";
  3. import this import { registerLocale } from "react-datepicker";
  4. do this: registerLocale("fi", fi);
  5. and finally do this:
          <DatePicker
            onChange={onChange}
            id="startDate"
            required={true}
            disabled={isDisabled}
            className={inputClassName}
            selected={selection}
            locale="fi"
            dateFormat="d.M.yyyy"
            autoFocus={offerTypeChangedToNew}
          />

package.json

"date-fns": "^2.0.0-alpha.23",

component.js

import ru from 'date-fns/locale/ru';
...
<DatePicker
  locale={ru}
>

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

import ptBR from 'date-fns/locale/pt-BR'; ... registerLocale('pt-BR', ptBR);

Thanks, it worked just as fine to me

Was this page helpful?
0 / 5 - 0 ratings