How to Validate String Date Format in JavaScript ?

In this article, we are going to learn the validation of string date format in JavaScript. Validating a String date format involves checking if the given date follows a specified format, ensuring it conforms to the expected arrangement of day, month, and year components.

There are many ways by which we can validate whether the Date format is correct or not, Let’s discuss each of them one by one.

We will explore all the above methods along with their basic implementation with the help of examples.

Approach 1: Using the Date.parse() Inbuild Function

In this approach, we are using Date.parse() that takes a string as an argument to calculate the milliseconds since “1-jan-1970” and returns the result in milliseconds. NaN will check for the number validation if it returns false means it is not a valid date else it is a valid date.

Syntax:

Date.parse( datestring );

Example: It describes validation of date format using Date.parse() inbuild function.

true
false

Approach 2: Using Regular Expression

For date format validation, we are using regular expressions. This entails creating a pattern to match particular text formats, which can be customized according to the required date format.

Type of formats:

• “YYYY-MM-DD”
• “DD-MM-YYYY”
• “DD/MM/YYYY”

Syntax:

// Format 1: "YYYY-MM-DD"
const regex = /^\d{4}-\d{2}-\d{2}$/; 

// Format2 : "DD-MM-YYYY"  
const regex = /^(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[01])-(\d{4})$/; 

// Format3 : "DD/MM/YYYY"
const regex = /^(0[1-9]|1[0-2])\/(0[1-9]|1[0-2])\/\d{4}$/;

Example: It describes the string date validation using regular expression in different ways.

false
true
false
true
false
false
true
false

Approach 3: Using Instanceof Operator

In this approach we are using instanceof operator which makes instance of date and if it is a valid date object then it will return true else it will return false. The !isNan() function can be used to determine whether the date in the Date object is valid.

Syntax:

let gfg = objectName instanceof objectType

Example: It describes the string date validation using instance of operator.

true
true
true
false

Approach 4: Using Object.prototype.toString.call() Method

Regardless of the date format, the JavaScript code Object.prototype.toString.call(date) === ‘[object Date]’ is frequently used to verify whether an object is an instance of the Date class. It return the date object if it is a valid date object and it is not NaN then it will true else it will return false.

Syntax:

obj.toString()

Example: It describes the string date validation using Object.prototype.toString.call() function.

true
true
true
true
false

Approach 5: Using Moment.js Library

Moment.js is a javascript library which is used to validate the Date. It has a function “moment” which can two aruments and it returns true if the date argument matches to the formate arument else it will return false.

Syntax :

 moment(date , format).isValid();

OR

moment(date: String).isValid()

Example: This describes how to validate string date format using moment library in JavaScript.

Output

true
false