DEV Community

Cover image for JavaScript Date Get and Set Methods
Bello Osagie
Bello Osagie

Posted on • Edited on

3 1

JavaScript Date Get and Set Methods

host.png


Date get methods

To get information from a date object, the get method is required.

let assume const d = new Date().

See the table below:

Method Description Example
getFullYear Get full year (yyyy) d.getFullYear()
getMonth Get month (0 - 11) d.getMonth()
getDate Get date (1 - 31) d.getDate()
getHours Get hours (0 - 23) d.getHours()
getMinutes Get minutes (0 - 59) d.getMinutes()
getSeconds Get seconds (0 - 59) d.getSeconds()
getMilliseconds Get milliseconds (0 - 999) d.getMilliseconds()
getTime Get time (>= 1613560292960) d.getTime()
getDay Get day (0-6) d.getDay()
Date.now Get current year day in milliseconds (0-6) Date.now()

getMonth(): 0 is January and 11 is February.

getDay(): 0 is Sunday and 6 is Saturday.

The table may also include the Universal Time Coordinated (UTC) date. For example d.getUTCDay().

See the examples below:

const d = new Date();
const months = [
  "Jan", "Feb", "March", "April", "May", "June", 
  "July", "Aug", "Sep", "Oct", "Nov", "Dec"
  ];

months[d.getMonth()];
Enter fullscreen mode Exit fullscreen mode

See another example below:

const d = new Date();
const days = ["Sun", "Mon", "Tues", "Thur", "Fri", "Sat"];
days[d.getDay()];
Enter fullscreen mode Exit fullscreen mode

Parse

The parse method allows you to parse a data string format to get the timestamp in milliseconds from 1 January 1970 till the time specified in the string format.

The syntax is shown below:

Date.parse(str)
Enter fullscreen mode Exit fullscreen mode

See the example below:

const parseTime = Date.parse('2055-01-22T10:48:13.201-06:00');

console.log(parseTime); // 2684249293201
Enter fullscreen mode Exit fullscreen mode

image.png


Date set methods

To set information from a date object, the set method is required.

let assume const d = new Date().

See the table below:

Method Description Example
setFullYear Set full year (yyyy) d.setFullYear(...)
setMonth Set month (0 - 11) d.setMonth(...)
setDate Set date (1 - 31) d.setDate(...)
setHours Set hours (0 - 23) d.setHours(...)
setMinutes Set minutes (0 - 59) d.setMinutes(...)
setSeconds Set seconds (0 - 59) d.setSeconds(...)
setMilliseconds Set milliseconds (0 - 999) d.setMilliseconds(...)
setTime Set time (>= 1613560292960) d.setTime(...)
setDay Set day (0-6) d.setDay(...)

The table may also include the Universal Time Coordinated (UTC) date. For example d.setUTCDay().

See the examples below:

const d = new Date();
d.setFullYear(2069);
d; // 2069-mm-ddThrs:mins:secs.msecsZ
Enter fullscreen mode Exit fullscreen mode

It is optional to include Month and day.

const d = new Date();
d.setFullYear(2069, 03, 20);
d; // 2069-04-20Thrs:mins:secs.msecsZ
Enter fullscreen mode Exit fullscreen mode

Mixed set and get methods

It is possible to use both methods together.

See the example below:

const d = new Date();
d.setDate(d.getDate() + 30);
d;
Enter fullscreen mode Exit fullscreen mode

The addition above is handled automatically by the Date object by shifting months or year.

Happy coding!!!


image.png


Learn on Skillshare

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay