📘 Premium Read: Access my best content on Medium member-only articles — deep dives into Java, Spring Boot, Microservices, backend architecture, interview preparation, career advice, and industry-standard best practices.
✅ Some premium posts are free to read — no account needed. Follow me on Medium to stay updated and support my writing.
🎓 Top 10 Udemy Courses (Huge Discount): Explore My Udemy Courses — Learn through real-time, project-based development.
▶️ Subscribe to My YouTube Channel (172K+ subscribers): Java Guides on YouTube
This post shows how to format date with examples using moment Javascript library.
For example:
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>
<!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
Comments
Post a Comment
Leave Comment