Formato de fecha en jQuery

Los objetos de fecha de JavaScript representan un único factor de tiempo en un formato independiente de la plataforma. Los elementos de fecha contienen números que representan milisegundos desde el 1 de enero de 1970, UTC.

Se conoce una nueva fecha () porque devuelve un nuevo elemento de fecha. Se hace referencia a Date() ya que devuelve una ilustración de cadena de la fecha y hora actual.

En este tutorial rápido, aprenderemos cómo formatear fechas en jQuery.

Formato de fecha en jQuery

jQuery proporciona varios complementos que se utilizan para formatear fechas. Los más populares son moment y dateFormat. Usaremos ambos complementos y formatearemos la fecha en nuestro ejemplo en este tutorial.

El jQuery-dateFormat es un complemento jQuery para fechas para formatear las salidas usando JavaScript. El tamaño de la biblioteca es inferior a 5 kb; por lo tanto, jquery-dateFormat es la biblioteca de formato de fecha más pequeña disponible.

El jQuery-moment es una biblioteca de fechas de JavaScript liviana para analizar, validar, manipular y formatear fechas. En lugar de extender el objeto Date, Moment.js crea un contenedor para él.

Llame a la función getter moment() para hacer referencia al objeto contenedor. El prototipo Moment se expone a través de la propiedad moment.fn para que pueda agregarle sus funciones.

Código de ejemplo:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.3/moment.min.js" integrity="sha512-x/vqovXY/Q4b+rNjgiheBsA/vbWA3IVvsS8lkQSX1gQ4ggSJx38oI2vREZXpTzhAv6tNUaX81E7QBBzkpDQayA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-dateFormat/1.0/jquery.dateFormat.min.js"></script>
console.log("using dateFormat", $.format.date("2021-12-18 12:12:19.546", "dd/MM/yyyy"))
console.log("using moment", moment("2021-12-18 12:12:19.546").format("DD-MM-yyyy"))

Hemos importado el archivo min.js para moment.js y dateFormat en el ejemplo anterior. Una vez finalizada la importación, puede usar las funciones de la biblioteca y formatear la fecha de acuerdo con los formatos solicitados.

Ejecute el fragmento de código anterior en cualquier navegador que admita jQuery.

Producción :

"using dateFormat", "18/12/2021"
"using moment", "18-12-2021"

Ejecutar código