CODEWITHSUNDEEP
reactjsdatetimemomentjslocalelang
Duy Hưng Androgyne Tenor
Duy Hưng Androgyne Tenor

Reputation: 491

MomentJS - How to change locale but keep language

I'm using react-datetime https://www.npmjs.com/package/react-datetime to make a datetime picker for my app.
It's look like https://codepen.io/simeg/pen/yVVjdJ.

var date = new Date();
React.render(
  <div>
    <Datetime input={false} locale="fr-en" />
  </div>,
  document.body
);

And result is:
enter image description here
Now I wanna change my Datetime locale to another locale (ex: Fr, de or vi) but keep Eng is language of my datetime board.
How can? Thanks.

Upvotes: 0

Views: 327

Answers (1)

User863
User863

Reputation: 20039

Try customizing the locale

Demo

moment.locale('fr-ca', {
    months : 'January_February_March_April_May_June_July_August_September_October_November_December'.split('_'),
    monthsShort : 'Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec'.split('_'),
    weekdays : 'Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday'.split('_'),
    weekdaysShort : 'Sun_Mon_Tue_Wed_Thu_Fri_Sat'.split('_'),
    weekdaysMin : 'Su_Mo_Tu_We_Th_Fr_Sa'.split('_')
});

Upvotes: 1

Related Questions