How to usethe Date Objects in Javascript
The JavaScript Date object offers a variety of methods that simplify date operations. To retrieve the date from the previous week, one can subtract 7 days’ worth of milliseconds from the current date and elegantly display it on the screen.
Syntax:
const lastWeekDate = new Date(currentDate.getTime() - 7 * 24 * 60 * 60 * 1000);
Example: The provided HTML code is responsible for creating a web page that prominently showcases the text “Geeksforgeeks” as its main heading. To ensure an organized layout with centered content, CSS styling techniques are employed, complemented by a background color. A visually appealing box is also included to highlight the “Last Week’s Date,” which is dynamically calculated and displayed using JavaScript within this designated space.
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Last Week's Date</title> <style> body { font-family: Arial, sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; margin: 0; background-color: #f0f0f0; } #dateContainer { background-color: #ffffff; border-radius: 8px; padding: 16px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); width: 300px; height: 150px; text-align: center; } .heading { color: green; font-size: 26px; border-bottom: 3px solid green; border-radius: 15px; padding: 10px; text-align: center; } .subheading { font-size: 20px; } </style> </head> <body> <div id="dateContainer"> <h1 class="heading"> w3wiki </h1> <h2 class="subheading"> Last Week's Date: </h2> <p id="lastWeekDate"></p> </div> <script> // Get last week's date using Date object const currentDate = new Date(); const lastWeekDate = new Date(currentDate.getTime() - 7 * 24 * 60 * 60 * 1000); // Display last week's date on the screen const lastWeekDateElement = document.getElementById("lastWeekDate"); lastWeekDateElement.textContent = lastWeekDate.toDateString(); </script> </body> </html> |
Output:
How to Get Last Week’s Date using JavaScript ?
In this article, we are going to learn about how to get last week’s Date by using JavaScriptthe. JavaScript’s dynamic nature improves websites by adding dynamic elements. Fetching the previous week’s date is vital for event schedules, calendars, and timely data display.
There are several methods that can be used to get the last week’s Date using JavaScript, which is listed below:
- Leveraging the Date Objects
- Using setUTCDate Method
We will explore all the above methods along with their basic implementation with the help of examples.
Contact Us