Moment JS Date Format Examples

This post shows how to format date with examples using moment Javascript library.
Check out complete moment.js library at Moment JS Tutorial.

Moment.js

The moment.js is a lightweight JavaScript date library for parsing, validating, manipulating, and formatting dates.
Read more at the official documentation https://momentjs.com/

Setting up Moment.js

Different ways we can set up the moment.js for your project.

1. Include moment.js in Script tag

We can directly include moment.js inside the script tag and start working with MomentJS.
<script src="https://MomentJS.com/downloads/moment.js"></script>
For example:
<!DOCTYPE html>
<html>
<head>
    <title>Moment JS Tutorial</title>
    <script src="https://MomentJS.com/downloads/moment.js"></script>
    
</head>
<body>
 <div style = "font-size:25px" id = "todaysdate"></div>
</body>

 <script type="text/javascript">
     let now = moment();
     let time = now.format();
     console.log(now.format());
     document.getElementById("todaysdate").innerHTML = time;
 </script>
</html>

2. Using Node.js

Make sure you have Node.js and npm installed on your system. You can use the following command to install MomentJS −
npm install moment
Create a JavaScript file named "test.js" and add the following code to it:
var moment = require('moment');
var a = moment().toString();
console.log(a);
Now, in the command prompt, run the command node test.js as shown in the below output −
C:\javascript\momentjs-demo>node test.js
Wed Jul 24 2019 17:12:22 GMT+0530
We are using node js to demonstrates this example.

Moment.js - formatting date-time examples

Moment.js objects are formatted with the format() function. There are also options for localized formats.
Example: Create a JavaScript file named "format.js" file and add the following code to it:
const moment = require('moment');

let now = moment();

console.log("ISO")
console.log(now.format());

console.log("\nTime")
console.log(now.format("HH:mm:ss"));
console.log(now.format("h:mm:ss a"));

console.log("\nDate")
console.log(now.format("dddd, MMMM Do YYYY"));
console.log(now.format("YYYY-MM-DD"));

console.log("\nLocalized")
console.log(now.format("LT"));
console.log(now.format("LTS"));
console.log(now.format("LTS"));
console.log(now.format("L"));
console.log(now.format("l"));
Run above JavaScript code with the following command:
C:\javascript\momentjs-demo>node format.js
ISO
2019-07-24T17:21:56+05:30

Time
17:21:56
5:21:56 pm

Date
Wednesday, July 24th 2019
2019-07-24

Localized
5:21 PM
5:21:56 PM
5:21:56 PM
07/24/2019
7/24/2019

Free Spring Boot Tutorial | Full In-depth Course | Learn Spring Boot in 10 Hours


Watch this course on YouTube at Spring Boot Tutorial | Fee 10 Hours Full Course

Comments