Home / Questions / 155000
Accepted
Felipe
Asked: 2020-04-12 08:15:29 +0800 CST 2020-04-12 08:15:29 +0800 CST

Add word "from" to date in momentjs

  • 772

How can I add the word "of" in the date using momentjs?

Example:4 de Mayo de XXXX

The day, month and year are the same, the important thing is to add the word "of" in the date.

momentjs

5 Answers

  1. Loading the locale for Spanish is that simple:

    let now= moment();
console.log(now.format('LL'));
console.log(now.format('LLLL'));
//Personalizado, hay que poner entre corchetes el texto que no sea la fecha en sí misma
console.log(now.format('[Hoy es] dddd, DD [de] MMMM [de] YYYY [y son las] HH:mm'));
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.0/locale/es.js"></script>

    • 6

  2. Here you have the way I would do it, you just have to change the language format, as nothing.

    document.addEventListener("click", prueba);

function prueba(){

   var anio, mes, dia;
   anio = moment().format("YYYY");
   mes = moment().format("MMMM");
   dia = moment().format("dddd");
   alert(dia + " de " + mes + " de " + anio);
 
}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.0/moment.min.js"></script>

<button onclick="prueba">Presionar</button>

    • 5

  3. momentjs supports multiple formats depending on the culture you want. https://momentjs.com/

    moment().format('LL');   // 11 de abril de 2018

    You just have to download the library with all the cultures and use the code that I put above.

    https://momentjs.com/downloads/moment-with-locales.js

    • 4

  4. A variation of Pablo Lozano 's answer , you can have several languages ​​and you decide which one to display, by default moment.js loads the English language:

    moment.locale('en');
let en= moment();
console.log(en.format('LL'));
console.log(en.format('LLLL'));


moment.locale('es');

let es= moment();
console.info(es.format('LL'));
console.info(es.format('LLLL'));

moment.locale('fr');

let fr= moment();
console.warn(fr.format('LL'));
console.warn(fr.format('LLLL'));
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.0/locale/es.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.0/locale/fr.js"></script>

    Now with native Javascript it would be as follows:

    const dias_semana = ["domingo", "lunes", "martes", "miercoles", "jueves", "sabado"];

const meses = ["enero", "febrero","marzo","abril","mayo","junio","julio","agosto","septiembre","octubre","noviembre","diciembre"];


let mi_fecha = new Date();

console.log(`Hoy es ${dias_semana[mi_fecha.getDay()]},${mi_fecha.getDate()} de ${meses[mi_fecha.getMonth()]} del ${mi_fecha.getFullYear()}`)

    • 3
  5. Best Answer

    Using [], for example:

    moment().format('[de] YYYY');     // de 2018
    • 2