How to Change the Date Format in JavaScript

18 Mar 2025 | 7 min read

The date is an essential function for user interaction form, table and database. We can work on the date in the format of the user's requirement. The users mostly use the following date format to display the date.

dd/mm/yyyy format
mm/dd/yyyy format
yyyy/dd/mm format
dd/month_name /yyyy format

Methods to Convert Date Format

The following methods convert the date format into a friendly format.

use new Date() method and pattern
use the split method with a pattern
use the split method with the array function

1. Use the new date () method and Regex pattern.

The JavaScript uses the date method to get the date format properly. We can get the date's month, day, and year parameters. These date parameters show using a conditional pattern of the date as per the Date format.

Examples:

The following examples show the required date format from the input date. We can use various date formats using javascript methods, functions, and methods.

Example 1:

The following example uses JavaScript to show the basic dd/mm/yyyy date format.

Output:

The output shows the date format.

How to Change the Date Format in JavaScript

Example 2:

The following example uses JavaScript to show the basic yyyy/mm/dd date format.

Output:

The output shows the date format.

2. Use the Split() method with a pattern.

The JavaScript uses a split method to divide the input date string. The split method creates array variables of the date's month, day, and year parameters. These date parameters are shown using the regex pattern of the date as per the Date format.

Examples:

The following examples show the required date format from the input date. We can get a user-friendly or user-required format of the date.

Example 1:

The following example uses JavaScript to show the basic mm/dd/yyyy date format. The date is displayed with the conditional pattern. If the date or month has a 1-9 number, then the date shows a 01-09 number; otherwise, it is display date.

Output:

The output shows the date format.

Example 2:

The following example shows the basic yyyy-mm-dd date format using JavaScript. We can use conditions for the 1-9 number of the date or month.

Output:

The output shows the date format.

Example 3:

The split method creates an array variable of date, month, and year. We can rearrange array variables and display them in date format.

Output:

The output shows the date format.

3. Use the split() method with the array function.

The JavaScript uses a split method to divide the input date string. The split method creates an array of the date's month, day, and year parameters. The second array is used to display the name of the month number. These date parameters are shown using the regex pattern of the date as per the Date format.

Example:

The following examples show the required date format from the input date. We can get a user-friendly or user-required format of the date.

Output:

The output shows the date format.

Conclusion

The date format is required for the user-interactive function. We can use form, table, and any functions to display data in the required format. There are three easy and simple methods to change dates for developers.

Next TopicHow-to-save-a-javascript-file-in-notepad

← prev next →