DEV Community

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

Posted on • Updated on

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

Top comments (0)