Get the day name of date using JavaScript

Today, we’ll explain to you how to get day name of a date using JavaScript.

Sometimes we need to display the name of the day according to the given date. For example, we can display the estimated shipping day when the order is placed.

Using the JavaScript date object along with two methods date.toLocaleString() and date.getDay(), we can easily get the day of the week.

You may also like the following articles.

Let’s start with an example.

1. toLocaleString() method

JavaScript date object’s `toLocaleString()` provides various properties with which you can extract information related to a date in any format.

// Get current day
var dateObj = new Date()
var weekday = dateObj.toLocaleString("default", { weekday: "long" })
console.log(weekday);
// Output: Friday

// Get day name from given date
var dateObj = new Date('2021-01-21')
var weekday = dateObj.toLocaleString("default", { weekday: "short" })
console.log(weekday);
// Output: Thursday

You can also get the short day format using `short` in the second argument as shown below.

var dateObj = new Date()
var weekday = dateObj.toLocaleString("default", { weekday: "short" })
console.log(weekday);
// Output: Fri

2. getDay() method

The `getDay()` method returns an integer representing the day of the week. (0 for sunday up to 6 for saturday)

var dateObj = new Date()
var weekdayNum = dateObj.getDay();
console.log(weekdayNum);
// Output: 5

Here, using the `getDay()` method, we can get the zero-based number value of the current weekday.

To get the name of day, we need to create an array of day strings which corresponds to the numeric value of the `weekdayNum`. Let’s check with an example.

var daysArray = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
// Get current day
var dateObj = new Date();
var weekdayNum = dateObj.getDay();
var weekday = daysArray[weekdayNum];
console.log(weekday);
// Output: Friday

// Get day name from given date
var dateObj = new Date('2021-01-21');
var weekdayNum = dateObj.getDay();
var weekday = daysArray[weekdayNum];
console.log(weekday);
// Output: Thursday

That’s it for today.
Thank you for reading. Happy Coding..!! 🙂

Get the day name of date using JavaScript

Methods to get day name of date

1. toLocaleString() method

2. getDay() method

Categories

Tags