Finding the current week days using JavaScript

Can someone help me find the current weekdays?

For example, if today is the 29th of Wednesday week

I need to know how to do this

-26 Sunday

-27 Monday

-28 Tuesday

-29 Wednesday

-30 Thursday

-31 Friday

-1 Saturday

Answer №1

let days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
let currentTime = Date.now();
const DAY_IN_MS = 60 * 60 * 24 * 1000;
let currentDay = new Date(currentTime).getDay();

for (let i = currentDay; i >= 0; i--) {
  const date = new Date(currentTime - DAY * i);
  console.log("*",days[date.getDay()], date.getDate());
}
for (let i = 1; i < 7 - currentDay; i++) {
  const date = new Date(currentTime + DAY * i);
  console.log(days[date.getDay()], date.getDate());
}

Answer №2

If you need to retrieve the day of the week from a Date object, you can use the getDay() function. This will give you a number between 0 and 6, with 0 representing Sunday. One way to display the name of the day is by creating an array of day names and using the getDay function to fetch the corresponding name.

const dayNames = [
    'Sunday',
    'Monday',
    'Tuesday',
    'Wednesday',
    'Thursday',
    'Friday',
    'Saturday',
];

// Get today's date
const today = new Date();
return dayNames(today.getDay());

To learn more about the getDay function, visit MDN web docs, as well as information on the Date object.

In a similar manner, the getDate() function can be used to obtain the date of the Date object.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Pressing the submit button in the Material UI table clears all selected checkboxes

Take a look at this code snippet: https://jsfiddle.net/aewhatley/Lkuaeqdr/1/. My objective is to construct a table with a submit button utilizing Material-UI components. const { Table, TableHeader, TableHeaderColumn, TableBody, TableRow, Table ...

Validate user credentials with React Router Dom

In the process of developing a React application, I encountered an issue with the Header component. This specific component includes a Menu button that should toggle the sidebar and trigger a logout function, but only when the user is logged in. My approa ...

Label it as submit ID rather than value or label

Check out this awesome plugin called https://github.com/aehlke/tag-it. It's really cool! Here is the issue I'm facing: <input type="hidden" name="tags" id="mySingleField" value="Apple, Orange" disabled="true"> Tags:<br ...

Execute a function prior to making a synchronous call

Seeking guidance on a complex issue that I have encountered. In my code, I am dealing with a synchronous AJAX call and need to execute a function before this particular call is made. The function in question is a simple one: $.blockUI(); This function ...

Strategically handling the intricacies of JavaScript within an extensive project

How can I effectively handle the increasing number of JavaScript files in my application? We are developing a Django application with multiple apps, each serving different functions and requiring rendering across three modes (PC, tablet, mobile). Our Java ...

Send the text information from the drop-down menu

Does anyone know how I can transfer the selected text from each select box to its corresponding (textbox)? The select boxes contain integer IDs, and I want to save the text of each selected option to a database. I'm having trouble with my script for ...

Display words on screen and then alter hue using HTML and CSS

Is there a way to dynamically change the color of text inside <a> tags from black to red after a specific time interval and keep it permanently red? do { document.getElementById("code").innerHTML +="<a>Hello World</a><br>"; awa ...

Is it possible to customize text or images using the window.location method?

Imagine I have a scenario with 3 unique servers as follows: https://server-1.com https://server-2.com https://server-3.com In my Vue application, I want to dynamically change an image based on the server being used. Can I achieve this by utilizing someth ...

Storing JavaScript arrays in CSV format on the server

I am currently facing an issue while trying to save a multidimensional Javascript array as a CSV file on the server. Despite my efforts, the CSV file created does not seem to contain the actual array data, and I am unsure of what is causing this discrepanc ...

Addressing the issue of empty ngRepeat loops

Utilizing ngRepeat to generate table rows: <tr ng-repeat="User in ReportModel.report" on-finish-render> <td><span>{{User.name}}</span></td> </tr> An on-finish-render directive triggers an event upon completion of t ...

Inline checkbox label with Bootstrap 5 styling

How can I align the checkbox with its label? Example <div class="row g-1 border-bottom p-3"> <div class="col border-end justify-content-center d-flex align-items-center"> <div class="h6 text-sm-center h-25&quo ...

I'm confused as to why this is occurring even though the codes appear to be identical

this.state = { lat: null }; window.navigator.geolocation.getCurrentPosition( pos=>{ this.setState({lat:pos.coords.latitude}); }, err=>{ console.log(err); } ); There seems to be an issue where using setState inside a ...

Javascript code to verify whether the page is currently positioned at the top

How can I use JavaScript to determine if the page is at scroll(0,0)? I have a full-page slider that needs to pause when the page is no longer at the top. The page may not be scrolled manually, as there are internal HTML # links that could load the page d ...

What is the method for bringing in Mongoose to utilize json.parse()?

I'm really eager to utilize this code for importing a JSON file into JavaScript var treeData; var oReq = new XMLHttpRequest(); oReq.onload = reqListener; oReq.open("get", "test.json", true); oReq.send(); function reqListener(e) { treeData = JSON. ...

Displaying a dialog or popup in React Native when catching errors

Exploring React Native has been quite a journey for me, especially when trying to implement a popup for error handling. Despite numerous attempts, I haven't been successful in getting it to work as desired. The code snippet below captures my current i ...

Can Enums be nested in Typescript?

Consider the following enums: export enum Category { FOOD = 'food', DRINK = 'drink' } export enum Type { COLD = 'cold', HOT = 'hot' } Can these be combined into a single enum? For example: export enum Prod ...

Is there a way to eliminate the filter icon from the material-table component?

I'm looking to customize my table by removing the filter icons and having blank input boxes instead. I've tried using the column prop filterCellStyle, but the icon can't be accessed since it's inline styling. import React, { Children ...

jQuery's Ajax feature fails to transmit information

I am facing an issue with my asp.net core backend project where my method is not receiving the data sent by jQuery ajax https://i.sstatic.net/O9wYg.png Here are the scripts I am using to send data: function ChangeCount(productId, count) { $.ajax({ ...

Using a Default Value in a Destructured Function Parameter Results in a ReferenceError

When working on setting a default value for the db in my CRUD functions for testing purposes, I encountered a peculiar issue that has left me puzzled. Here's the snippet of code that caused the trouble: import { db } from './firebase' func ...

"Embracing Dynamism: Enhancing Vue3 with Dynamic Routing for

Seeking guidance on implementing a dynamic component with Dynamic Routing in Vue3. The goal is to render a component based on the parameter (path named id) from router.ts. In the router.ts file, there is a dynamic parameter called id that needs to be used ...