Moment.js - I can't change the date to "pt-br" (ReactJS)

Question

I'm making a calendar in Portuguese on ReactJS.

Despite being something simple, I'm not able to change my library date "moment.js" to be in the portuguese language (brazil).

Already tried code:

<strong>{moment(currentDate).locale('pt-br').format('LLLL')}</strong>

But I don't work, it keeps bringing the date in English.

1:

This is the date format code:

const [currentDate, setCurrentDate] = useState(new Date())

<Col>
 <strong>{moment(currentDate).format('LLLL')}</strong>
</Col>

How do I make the date stay in Portuguese(Brazil)?

Related, maybe it will help: https://stackoverflow.com/questions/28110282/get-week-day-in-portuguese-language-from-date-in-moment-js — squillman, Jul 22 '21 at 18:21

score 5 · Answer 1 · answered Jul 22 '21 at 18:36

5

I just decided to import the location:

import 'moment/locale/pt-br'

and add code:

moment.locale('pt-br')

answered Jul 22 '21 at 18:36

Sergio Luis Sá

81
1
4

does not work!!! – Alex Alan Nunes Aug 23 '22 at 23:51

Mateus Oliveira · Answer 2 · 2022-09-01T01:23:43.130

You need import your location like that:

import 'moment/locale/pt'

`// import moment from 'moment'
// import 'moment/locale/pt'`



const App = () => {
  return (
    <h1>{moment(new Date()).locale('pt').format('LLLL')}</h1>
  )
}


ReactDOM.render(
  <React.StrictMode>
      <App />
  </React.StrictMode>,
  document.getElementById('root')
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/locale/pt-br.min.js" integrity="sha512-1IpxmBdyZx3okPiZ14mzw6+pOGa690uDmcdjqvT310Kwv3NRcjvL/aOtoSprEyvkDdAb7ZtM2um6KrLqLOY97w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>


<div id="root"></div>

score 0 · Answer 3 · answered Mar 03 '23 at 00:24

I have tried to use 'pt-br' like this:

import 'moment/locale/pt-br'
import moment from 'moment'

and it was not working in a React project with Typescript.

I got to fix it this way:

import 'moment/dist/locale/pt-br'

Just add the folder 'dist' while you're importing the language. I hope everything works accordingly.

Moment.js - I can't change the date to "pt-br" (ReactJS)

3 Answers3