JavaScript Get the start and end of the day in UTC
Given a date, the task is to determine the start and end of the day using javascript. We’re going to discuss a few techniques. First few methods to know.
- JavaScript setHours() Method: This method sets the hour of a date object. This method can be used to set the minutes, seconds and milliseconds.
Syntax:
Date.setHours(hour, min, sec, millisec)
Parameters:
- hour: This parameter is required. It specifies the integer denoting the hours. Values accepted are 0-23, but other values are also allowed.
-1 means the last hour of the previous day and 24 means the first hour of the next day. - min: This parameter is optional. It specifies the integer representing the minutes. Values accepted are 0-59, but other values are also allowed.
60 means the first minute of next hour and -1 means the last minute of the previous hour. - sec: This parameter is optional. It specifies the integer representing the seconds. Values accepted are 0-59, but other values are also allowed.
60 means the in the first second of next minute and -1 means the last second of previous minute. - millisec: This parameter is optional. It specifies the integer representing the milliseconds. Values accepted are 0-999, but other values are also allowed.
- -1 means the last millisecond of previous second and 1000 means the first millisecond of next second.
- JavaScript toUTCString() Method: This method converts a Date object to a string, depending on universal time.
Syntax:
Date.toUTCString()
Return Value: It returns a string, representing the UTC date and time as a string.
Example 1: This example gets the first millisecond of the day and last millisecond of the day as well using setHours() method and converting it to UTC format using stoUTCString() method.
HTML
<!DOCTYPE HTML> < html > < head > < title > JavaScript | Get start and end of day in UTC. </ title > < script src = </ script > </ head > < body style = "text-align:center;" id = "body" > < h1 style = "color:green;" > GeeksForGeeks </ h1 > < p id = "GFG_UP" style="font-size: 15px; font-weight: bold;"> </ p > < button onclick = "GFG_Fun(); " > click here </ button > < p id = "GFG_DOWN" style="color: green; font-size: 24px; font-weight: bold;"> </ p > < script > var up = document.getElementById('GFG_UP'); up.innerHTML = 'Click on the button to get the'+ ' start and end of the day in UTC'; var down = document.getElementById('GFG_DOWN'); var startOfDay = new Date(); startOfDay.setHours(0, 0, 0, 0); var endofDay = new Date(); endofDay.setHours(23, 59, 59, 999); function GFG_Fun() { down.innerHTML = startOfDay.toUTCString() + '< br >' + endofDay.toUTCString(); } </ script > </ body > </ html > |
Output:

Example 2: This example gets the first millisecond of the day and last millisecond of the day but by a different approach than previous one using setHours() method and converting it to UTC format using stoUTCString() method.
HTML
<!DOCTYPE HTML> < html > < head > < title > JavaScript | Get start and end of day in UTC. </ title > < script src = </ script > </ head > < body style = "text-align:center;" id = "body" > < h1 style = "color:green;" > GeeksForGeeks </ h1 > < p id = "GFG_UP" style="font-size: 15px; font-weight: bold;"> </ p > < button onclick = "GFG_Fun(); " > click here </ button > < p id = "GFG_DOWN" style="color: green; font-size: 24px; font-weight: bold;"> </ p > < script > var up = document.getElementById('GFG_UP'); up.innerHTML = 'Click on the button to get the start '+ 'and end of the day in UTC'; var down = document.getElementById('GFG_DOWN'); var startOfDay = new Date(); startOfDay.setHours(0, 0, 0, 0); var endofDay = new Date(); endofDay.setHours(24, 0, 0, -1); function GFG_Fun() { down.innerHTML = startOfDay.toUTCString() + '< br >' + endofDay.toUTCString(); } </ script > </ body > </ html > |
Output:

We have a complete list of Javascript Date Objects, to check those please go through this Javascript Date Object Complete reference article.
Please Login to comment...