Moment.js es una biblioteca de fechas para JavaScript que analiza, valida, manipula y formatea fechas. En este artículo, vamos a ver cómo podemos usar moment.js en el navegador.
Enfoque: para poder usar moment.js en el navegador, deberá incluir una etiqueta de secuencia de comandos en la etiqueta principal para importar la biblioteca. Podemos usar cualquiera de los siguientes CDN para incluir Moment.js.
Enlaces CDN:
Puede visitar https://cdnjs.com/libraries/moment.js y https://www.jsdelivr.com/package/npm/moment para obtener el enlace del archivo CDN.
<script src=”https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.3/moment-with-locales.min.js”></script>
<script src=”https://cdn.jsdelivr.net/npm/moment@2.29.3/moment.min.js”></script>
Los siguientes ejemplos ayudarán a comprender el enfoque para usar Moment.js en el navegador.
Ejemplo 1:
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.3/moment.min.js">
</script>
</head>
<body>
<button type="button" onclick="clickHandler()">
Get Today!
</button>
<script>
function clickHandler() {
alert(moment()
.format('dddd, Do MMM YYYY, h:mm:ss A'))
}
</script>
</body>
</html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"https://cdn.jsdelivr.net/npm/moment@2.29.3/moment.min.js">
</script>
</head>
<body>
<button type="button" onclick="clickHandler()">
Click Here!!!
</button>
<script>
function clickHandler() {
let day = "2010-02-28 13:40:55"
let date = moment(day);
alert(date.format("DD/MM/YYYY-H:mm:ss"));
}
</script>
</body>
</html>
Producción:
Referencia: https://momentjs.com/docs/#/use-it/browser/
Publicación traducida automáticamente
Artículo escrito por aayushmohansinha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA