6

¿Cómo puedo agregar la palabra "de" en la fecha usando momentjs?

Ejemplo: 4 de Mayo de XXXX

El día, mes y año dan lo mismo, lo importante es agregar la palabra "de" en la fecha.

2
  • Lo que podrías hacer, seria obtener por separado la fecha, día, mes y año en a cada variable, luego interpolacion, es una manera rápida que veo, y sencilla. Commented el 11 abr. 2018 a las 16:17
  • 1
    @PedroMiguelPimientaMorales Si usas moment.js, es muy sencillo formatear la fecha en una línea, lo que propones es más complejo Commented el 11 abr. 2018 a las 16:29

5 respuestas 5

7

Cargando la locale para Español es así de 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>

1
5

momentjs soporta múltiples formatos según la cultura que quieras. https://momentjs.com/

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

Sólo tienes que descargar la librería con todas las culturas y usar el código que te pongo arriba.

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

5

Aquí tienes la forma como lo haría yo, solo debes cambiar el formato de idioma, as nada.

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
  • Si no cargar la locale, los nombres salen en inglés ;) Commented el 11 abr. 2018 a las 16:30
  • No puse lo de locale, y lo especifique :D Commented el 11 abr. 2018 a las 16:30
  • 1
    De esta misma forma lo hice, pero sale mas optimo ocupar [] en la cadena de moment format, muchas gracias por tu ayuda.
    – Felipe
    Commented el 11 abr. 2018 a las 16:35
  • de nada, de paso, aprendí yo algo con tu concejo. Commented el 11 abr. 2018 a las 16:50
  • @PedroMiguelPimientaMorales a mi me sale wenesday de April del 2018 Commented el 11 abr. 2018 a las 17:13
3

Una variacion de la respuesta de Pablo Lozano, puedes tener varios idiomas y tu decidas cual visualizar, por defecto moment.js carga el idioma ingles:

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>

Ahora con Javascript nativo seria de la siguiente forma:

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()}`)

1
  • Perfecto, muchas gracias, haré una corrección con respecto a al mes.
    – Felipe
    Commented el 11 abr. 2018 a las 19:14
2

Usando [], por ejemplo:

moment().format('[de] YYYY');     // de 2018
1
  • Funciono perfecto y en una sola linea de código, gracias.
    – Felipe
    Commented el 11 abr. 2018 a las 16:36

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.