Daniel Cobo | 👨‍💻 Full-stack developer |🍦Vanilla code advocate

Get the first and last moment of a day in Javascript

PublishedMay 10, 2021

•2 min read•View as Markdown

Get the first and last moment of a day in Javascript

Daniel Cobo

Comments

Join the discussion

No comments yet. Be the first to comment.

More from this blog

Bulletproof type checks in JavaScript

Using typeof To check what type is a variable you would most likely use the typeof function. You can even skip the parenthesis (typeof someVariable is same as typeof(someVariable)). typeof works great for: strings numbers (not if checking integer vs...

May 17, 20213 min read

Check if the user is from EU with JavaScript

Obviously your best guess is to ask the user. That being said, we generally want to avoid interrupting the user. Websites and apps are (or at least should be) about what the user's needs not ours. That being said, given the many legislation requirem...

May 3, 20213 min read

Check if the user is from EU with JavaScript

Get user's preferred languages with JavaScript

Skip to solution If you have different language settings in your website or application wouldn't it be great if you could automatically set the language the user prefers? Doing so may be easer than you think. All you have to do is use navigator.langu...

Apr 26, 20211 min read

Get user's preferred languages with JavaScript

Get location by IP with JavaScript

Skip to solution. Problem Knowing your customer location can help you tailor their experience. Other times you may want to check for this information to compile statistics or comply with regulations. What's the best way to get location data? One way...

Apr 19, 20214 min read

Daniel Cobo | 👨‍💻 Full-stack developer |🍦Vanilla code advocate

6 posts

Get the first moment of a day

/** * Get first millisecond of a date * @param {Date} dateObj - JS Date object, default is current time * @returns date object with time set to first millisecond of the day */ const beginningOfDay = function beginningOfDay (dateObj) { //Get current date const now = dateObj || new Date(); const year = now.getFullYear(); const month = now.getMonth(); const day = now.getDate(); return new Date(year, month, day); };

1. Set a default value to the date argument

In case of no argument we set the date to current date and time. The below basically means if dateObj is defined set now to that, otherwise set it to a new Date object.

const now = dateObj || new Date();

2. Extract the date data

new Date() returns the current date and time. Similarly, any Date object you input as an argument will probably also have a time. To get the start of a day we will need a fresh start. For that we first extract the year, month and day.

const now = dateObj || new Date(); const year = now.getFullYear(); const month = now.getMonth(); const day = now.getDate();

3. We generate and return a "fresh" date

By generating a new Date using year, month and day as arguments you set the date of the JavaScript Date object. Because you didn't set the time, JS will set it to the first value which is 0 (0 hours, 0 minutes, 0 seconds, 0 milliseconds) .

return new Date(year, month, day);

Get the last moment of a day

/** * Get last millisecond of a date * @param {Date} dateObj - JS Date object, default is current time * @returns date object with time set to last millisecond of the day */ const lastMomentOfDay = function lastMomentOfDay(dateObj) { //Tomorrow = Current day + 1 let tomorrow = beginningOfDay(dateObj); tomorrow.setDate(tomorrow.getDate() + 1); //Tommorow - 1 milisecond = result let result = new Date(); result.setTime(tomorrow.getTime() - 1); return result; };

1. Get the first moment of the next day

We leverage the function we wrote above (have a 🍪 for keeping your code DRY).

let tomorrow = beginningOfDay(dateObj); tomorrow.setDate(tomorrow.getDate() + 1);

2. Subtract a millisecond from tomorrow

Remember, we got the first moment of tomorrow. If we subtract a millisecond from that, we will get the last millisecond the the day before, which is exactly what we are looking for.

Command Palette