{"id":67844,"date":"2024-12-02T10:23:49","date_gmt":"2024-12-02T04:53:49","guid":{"rendered":"https:\/\/www.guvi.in\/blog\/?p=67844"},"modified":"2025-09-29T17:32:52","modified_gmt":"2025-09-29T12:02:52","slug":"working-with-dates-in-javascript","status":"publish","type":"post","link":"https:\/\/www.guvi.in\/blog\/working-with-dates-in-javascript\/","title":{"rendered":"Working with Dates in JavaScript"},"content":{"rendered":"\n

Working with dates and times is a fundamental part of many JavaScript applications, from scheduling events and logging activities to displaying timestamps and performing date calculations. JavaScript provides the Date<\/code> object as a built-in tool for creating, manipulating, and formatting dates and times.<\/p>\n\n\n\n

In this article, we\u2019ll take a comprehensive look at working with dates in JavaScript. We\u2019ll start by exploring how to create and initialize dates using the Date<\/code> object, followed by common operations like formatting, parsing, and manipulating dates.<\/p>\n\n\n\n

Using Date object in JavaScript<\/h2>\n\n\n\n

One built-in datatype that facilitates working with dates and times is the JavaScript <\/a>Date object. It offers several techniques for creating, modifying, and formatting dates. <\/p>\n\n\n\n

Creating Date objects: –<\/h3>\n\n\n\n

Current Date and Time<\/h4>\n\n\n\n
const now = new Date();
console.log(now, typeof now) \/\/ 2024-10-03T02:43:23.173Z object<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Timestamp<\/h4>\n\n\n\n
const timestamp = Date.now(); \/\/ 1727923507074

const dateFromTimestamp = new Date(timestamp);
console.log(dateFromTimestamp)\/\/ 2024-10-03T02:45:07.074Z<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Creating Date object using string<\/h4>\n\n\n\n
const dateString = Date();
console.log(dateString, typeof dateString)
\/\/ Thu Oct 03 2024 08:18:56 GMT+0530 (India Standard Time) string

const dateFromString = new Date(dateString);
console.log(dateFromString, typeof dateFromString)
\/\/ 2024-10-03T02:49:58.000Z object
const dateStringTwo = “15 August 2024”;

const dateFromStringTwo = new Date(dateStringTwo);
console.log(dateFromStringTwo, typeof dateFromStringTwo);
\/\/ 2024-08-15T00:00:00.000Z object<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Retrieving Date components: –<\/h3>\n\n\n\n

Once you have a Date object, you can retrieve multiple components using built-in methods <\/p>\n\n\n\n

const dateObject = new Date(); \/\/ 2024-10-03T03:09:24.714Z


console.log(dateObject.getFullYear()); \/\/ 2024 number
console.log(dateObject.getMonth()); \/\/ 9 number
console.log(dateObject.getDate());  \/\/ 3 number
console.log(dateObject.getDay()); \/\/ 4 for Thursday (0 = Sunday)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Date using the Moment.js library<\/h2>\n\n\n\n

A popular JavaScript library called Moment.js makes manipulating dates and times easier. Compared to the native JavaScript Date object, it offers a richer feature set that makes working with dates more straightforward.<\/p>\n\n\n\n

Key Features of Moment.js<\/h3>\n\n\n\n