3schools

Web Tools Table Maker3schools TranslateImage CompressorFavicon Icon GeneratorCrop & Resize Image
Apu
Apu January 19, 2024 › #HowTo › #Javascript
❌

How to get first and last day of the current week in JavaScript

I'm Graciela, I'm working on a web application where I need to retrieve the first and last day of the current week using JavaScript.

I've tried a few approaches, but none of them seem to give me the desired result. I'm looking for an advanced solution that can accurately determine the first and last day of the current week regardless of the user's timezone.

How to get first and last day of the current week in JavaScript #


  1. I need to programmatically determine the first day (Sunday) and the last day (Saturday) of the current week.
  2. The solution should consider the user's timezone to ensure accuracy. The code should be written in JavaScript.
  3. I want an advanced solution that takes into account edge cases like the start or end of the month, leap years, and daylight saving time.
Please provide multiple code examples, exploring various approaches to solve this problem.
save
listen
AI Answer
6 Answers
Write Your Answer
  1. I understand your requirement of getting the first and last day of the current week in JavaScript while considering the user's timezone. I can help you with that.
    https://www.3schools.in/p/embed.html?q=CjxzY3JpcHQ+CiAgIGNvbnN0IGN1cnJlbnREYXRlID0gbmV3IERhdGUoKTsKICAgY29uc3QgY3VycmVudERheSA9IGN1cnJlbnREYXRlLmdldERheSgpOwogICBjb25zdCBvZmZzZXRUb1N1bmRheSA9IGN1cnJlbnREYXkgPT09IDAgPyAwIDogLWN1cnJlbnREYXk7CiAgIGNvbnN0IG9mZnNldFRvU2F0dXJkYXkgPSA2IC0gY3VycmVudERheTsKICAgY29uc3QgZmlyc3REYXlPZldlZWsgPSBuZXcgRGF0ZShjdXJyZW50RGF0ZS5nZXRGdWxsWWVhcigpLCBjdXJyZW50RGF0ZS5nZXRNb250aCgpLCBjdXJyZW50RGF0ZS5nZXREYXRlKCkgKyBvZmZzZXRUb1N1bmRheSk7CiAgIGNvbnN0IGxhc3REYXlPZldlZWsgPSBuZXcgRGF0ZShjdXJyZW50RGF0ZS5nZXRGdWxsWWVhcigpLCBjdXJyZW50RGF0ZS5nZXRNb250aCgpLCBjdXJyZW50RGF0ZS5nZXREYXRlKCkgKyBvZmZzZXRUb1NhdHVyZGF5KTsKCiAgIGNvbnNvbGUubG9nKGZpcnN0RGF5T2ZXZWVrKTsKICAgY29uc29sZS5sb2cobGFzdERheU9mV2Vlayk7Cjwvc2NyaXB0Pg==

    This approach uses the getDay() method to determine the current day of the week and calculates…
    • While the previous approach works fine, here's another way to achieve the same result using JavaScript's toLocaleDateString method with the weekday and day options:
      const currentDate = new Date();
      const firstDayOfWeek = new Date(currentDate.setDate(currentDate.getDate() - currentDate.getDay()));
      const lastDayOfWeek = new Date(currentDate.setDate(currentDate.getDate() + 6));
      const firstDayString = firstDayOfWeek.toLocaleDateString('en-US', { weekday: 'long', month: 'long', day: 'numeric', year: 'numeric' });
      const lastDayString = lastDayOfWeek.toLocaleDateString('en-US', { weekday: 'long', month: 'long', day: 'numeric', year: 'numeric' });
      console.log(firstDayString);
      console.log(lastDayString);

      This approach adjusts the current date to the first day of the week (Sunday) by subtracting the current day of the week from it. Then it adds six days to get the last day of the week (Saturday). Finally, it formats …
    • I appreciate the different approaches you've shared. However, I noticed that these solutions assume Sunday as the first day of the week. Is there a way to make them work with Monday as the first day of the week?
    • const currentDate = new Date();
      const currentDay = currentDate.getDay();
      const offsetToMonday = currentDay === 0 ? -6 : 1 - currentDay;
      const firstDayOfWeek = new Date(currentDate.getFullYear(), currentDate.getMonth(), currentDate.getDate() + offsetToMonday);
      const lastDayOfWeek = new Date(firstDayOfWeek.getFullYear(), firstDayOfWeek.getMonth(), firstDayOfWeek.getDate() + 6);
      console.log(firstDayOfWeek);
      console.log(lastDayOfWeek);
      This modified solution adjusts the offset calculation to Monday as the first day of the week and calculates the first and last day of the week accordingly.
    • I have another alternative solution that considers Monday as the first day of the week. It utilizes JavaScript's getDay() method and adjusts the calculation accordingly:
      const currentDate = new Date();
      const currentDay = currentDate.getDay();
      const offsetToMonday = currentDay === 0 ? -6 : 1 - currentDay;
      const firstDayOfWeek = new Date(currentDate.getFullYear(), currentDate.getMonth(), currentDate.getDate() + offsetToMonday);
      const lastDayOfWeek = new Date(firstDayOfWeek.getFullYear(), firstDayOfWeek.getMonth(), firstDayOfWeek.getDate() + 6);
      console.log(firstDayOfWeek);
      console.log(lastDayOfWeek);
    • I'm glad the solutions provided by @Vanessa and I were helpful to you. As an additional tip, if you want to get the current week number, you can use the following code snippet:

      <script>
      const currentDate = new Date();

      const firstDayOfYear = new Date(currentDate.getFullYear(), 0, 1);
      const pastDaysOfYear = (currentDate - firstDayOfYear) / 86400000;
      const currentWeekNumber = Math.ceil((pastDaysOfYear + firstDayOfYear.getDay() + 1) / 7);

      console.log(currentWeekNumber);
      </script>
      This code calculates the current week number by considering the number of past days in the year, the day of the week for the first day of the year, and dividing it by 7. It uses the Math.ceil function to round up the result to the nearest whole number.
    Reply Delete
    Share
    Reply Delete
    Share
loading
back
View All