Manually format date using Date methods
In this approach, we will use the different date methods to get the day, date, month and year of the date object and then concat them to form a formatted date string.
Example: The below code example uses the different date methods to get date and format it.
const weekDays =
['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
const monthsArr =
['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
const currentDateObj = new Date();
const currentDay = weekDays[currentDateObj.getDay()];
const currentDate = currentDateObj.getDate();
const currentMonth = monthsArr[currentDateObj.getMonth()];
const currentYear = currentDateObj.getFullYear();
console.log(`${currentDay} ${currentDate} ${currentMonth}, ${currentYear}`);
Output
Fri 29 Dec, 2023
How to Format a Date in JavaScript ?
In this article, we will learn about the different ways of formatting a Date object into different date strings of different formats using JavaScript.
We will see the methods of formatting Date objects into various date strings with different formats using JavaScript. Whether you’re building a web application, manipulating data, or simply displaying dates, mastering these techniques will empower you to present dates in the format that best suits your needs. Let’s explore the versatility of date formatting in JavaScript.
The below list contains the different ways of formatting Date in JavaScript:
Table of Content
- Method 1: Using the toDateString() method
- Method 2: Using the toISOString() method
- Method 3: Using the toLocaleDateString() method
- Method 4: Using the toLocaleString() method
- Method 5: Using the Intl.DateTimeFormat() object method
- Method 6: Manually format date using Date methods
Contact Us