Javascript moment.js - Date and Time in Spanish

Question

I have the following code:

 /* ------------------------------------------------------------------------
  * SETTING DATE AND TIME
  * ------------------------------------------------------------------------
  */
 var datetime = null,
     date = null;
 var update = function() {
     date = moment(new Date());
     datetime.html(date.format('dddd, D MMMM  YYYY, h:mm:ss a'));
 };
 datetime = $('#time-date');
 update();
 setInterval(update, 1000);

Which updates an HTML div with current date and time.

I got the following output:

Sunday 28 January 2018, 11:31:51 am

I would like to get the same output but in Spanish:

Domingo 28 Enero 2018, 11:31:51 am

I have tried this post without success:

 var update = function() {
     date = moment(new Date());
     moment.locale('es');
     date.locale(false);
     datetime.html(date.format('dddd, D MMMM  YYYY, h:mm:ss a'));
 };

It does not change anything, the output is still the same.

Answer 1

You need to load the locale you need, besides moment(.min).js itself. Use:

require('moment/locale/es.js');

if you use node, or include the locale file traditionally, for example:

<script src="{path-to-moment-lib}/locale/es.js">

Note: I strongly advise against using moment-with-locales.js , even in minified version. It's huge (~15k lines) and it loads all locales. That's only for websites that need to display multiple locales on the same page and are truly international. It has significant overhead. If you need up to 3-4 languages, it's much better to only load the locale files you need.