{"id":2322,"date":"2021-01-15T11:00:53","date_gmt":"2021-01-15T11:00:53","guid":{"rendered":"https:\/\/thenextweb.com\/?p=1334144"},"modified":"2021-01-15T11:00:53","modified_gmt":"2021-01-15T11:00:53","slug":"how-to-manipulate-date-and-time-in-javascript","status":"publish","type":"post","link":"https:\/\/www.londonchiropracter.com\/?p=2322","title":{"rendered":"How to manipulate date and time in JavaScript"},"content":{"rendered":"\n

In theory, handling dates as a developer is as simple as creating, storing, and, if necessary, manipulating dates. But as a JavaScript developer, you would know this theory doesn\u2019t hold long after you start working with dates for real. On top of different date-time formats, you have to consider timezone and local differences.<\/p>\n

For this reason, plenty of JavaScript developers seek help from third-party libraries when they have to manage dates in an application. While these libraries reduce the task\u2019s complexity, having a clear understanding of handling vanilla JavaScript dates has its benefits.<\/p>\n

This tutorial will introduce you to working with dates in vanilla JavaScript, as well as useful third-party libraries to help you simplify more complex date-related tasks.<\/p>\n

JavaScript Date object<\/h2>\n

The Date object in JavaScript is the main element when it comes to handling date and time. It records a single point in time as the milliseconds\u2019 number elapsed since the 1st January 1970 00:00:00 (UTC). This date-time combination is known as the epoch time. As far as JavaScript is concerned, it\u2019s the beginning of time in the world.<\/p>\n

Creating Dates<\/h2>\n

You can simply create a date using <\/span>new Date()<\/code> <\/span>. You can pass parameters to the Date constructor to create a date of your choice. The given parameter can take different forms.<\/p>\n

Pass a date string<\/strong><\/p>\n

You can pass a date string of an accepted format when creating a new Date object.<\/p>\n

const date = new Date (\u201c2020-12-31\u201d);<\/em><\/p>\n

Now, if we print the created date, it shows this.<\/p>\n

Thu Dec 31 2020 01:00:00 GMT+0100 (Central European Standard Time)<\/em><\/p>\n

In addition to the date we passed, the date object has more values, including a time and a timezone. Since we didn\u2019t give a specific value for these parameters when creating the object, JavaScript uses the local time and timezone of the code\u2019s system.<\/p>\n

If we want to pass the time or timezone with the parameter string, we can use a format like this.<\/p>\n

YYYY-MM-DDTHH:mm:ss.sssZ<\/strong><\/p>\n