How to make Vertical Selects controlgroup using jQuery Mobile?

How to extract date from a string in dd-mmm-yyyy format in JavaScript ?

Last Updated : 18 Apr, 2025

In this article, we will see how to extract date from a given string of format “dd-mmm-yyyy” in JavaScript. We have a string, and we want to extract the date format “dd-mmm-yyyy” from the string.

Example:

// String
str = "India got freedom on 15-Aug-1947"

// Extracted date from given string in 
// "dd-mmm-yyyy" format
date = 15-Aug-1947

Approach:

There is no native format in JavaScript for” dd-mmm-yyyy”. To get the date format “dd-mmm-yyyy”, we are going to use regular expression in JavaScript.
The regular expression in JavaScript is used to find the pattern in a string. So we are going to find the “dd-mmm-yyyy” pattern in the string using the match() method.

Syntax:

str.match(/\d{2}-(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)-\d{4}/gi);

Example: This example shows the use of the above-explained approach.

HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
</head>

<body>
    <!-- div element with inline styles -->
    <div style="color: red; background-color: black; margin: 40px 40px; padding: 20px 100px;">
        India got freedom on 15-Aug-1947.
        <p></p>
        <button>
            Click the button to see date
        </button>
    </div>

    <!-- Link to JQuery CDN -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</body>

</html>

JavaScript

// After clicking the button it will 
// show the height of the div
$("button").click(function () {

    // String that contains date
    var str = "India got freedom on 15-Aug-1947"

    // Find "dd-mmm-yyyy" format in the string
    var result =
        str.match(/\d{2}-(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)-\d{4}/gi);

    // Show date on screen in 
    // format "dd-mmm-yyyy"
    $("p").html(result);
});

Output:

extract date from a string in dd-mmm-yyyy format

How to make Vertical Selects controlgroup using jQuery Mobile?

K

KapilChhipa

Improve

Article Tags :

Similar Reads

How To Format JavaScript Date as yyyy-mm-dd?

We use JavaScript built-in help methods from the Date class that help us to create a formatted version of the current date in the form of yyyy-mm-dd. These are the approaches used to format JavaScript date as yyyy-mm-dd. Table of Content Using the ISO String Method USing JavaScript Method1. Using th

How to format current date in MM/DD/YYYY HH:MM:SS format using JavaScript ?

Given a date and the task is to format the current date in MM/DD/YYYY HH:MM:SS format. Here are a few of the most techniques discussed with the help of JavaScript. Approach 1: Store the current date in variable.Use the string concatenation technique to insert / and : in between the month-day and day

How to get tomorrow's date in a string format in JavaScript ?

In this article, we will see how to print tomorrow's date in string representation using JavaScript. To achieve this, we use the Date object and create an instance of it. After that by using the setDate() method, we increase one date to the present date. Now by using the getDate() method you will ge

How to get current formatted date dd/mm/yyyy in JavaScript ?

Here are different ways to get the current date in dd/mm/yyyy format. 1. Using Native JavaScript MethodsJavaScript's built-in Date object provides various methods to work with dates and times. You can extract individual components like day, month, and year to format the date manually. [GFGTABS] Java

How to get current formatted date dd/mm/yyyy in Javascript and append it to an input?

The current date in "dd/mm/yyyy" format represents the day, month, and year according to the Gregorian calendar,To obtain the current date in "dd/mm/yyyy" format using JavaScript, utilize the Date object methods to extract day, month, and year components, format them accordingly, and then append the

How to Validate String Date Format in JavaScript ?

Validating string date format in JavaScript involves verifying if a given string conforms to a specific date format, such as YYYY-MM-DD or MM/DD/YYYY. This ensures the string represents a valid date before further processing or manipulation. There are many ways by which we can validate whether the D

How to get Month and Date of JavaScript in two digit format ?

To get the Month and Date of JavaScript in two-digit format, we have multiple approaches. In this article, we are going to learn how to get the Month and Date of JavaScript in a two-digit format. Below are the approaches used to get the Month and Date of JavaScript in two-digit format: Table of Cont

How to Format a Date in JavaScript ?

Here are different ways to format the date in JavaScript. 1. Using the toDateString() MethodThe toDateString() method formats the date object into a human-readable format as Day Month Date Year. Syntax dateObj.toDateString();[GFGTABS] JavaScript const date = new Date(); const formatDate = date.toDat

How to get Day Month and Year from Date Object in JavaScript ?

We have given the Date object and the task is to extract the Day, Month, and Year from the Date object and print it using JavaScript. Below is an example for better understanding. Example:Input: Date ObjectOutput: Day: 26 Month: 11 Year: 2023To extract Day, Month, and Year from Date Object, we have

How to Format Datetime to YYYY-MM-DD HH:MM:SS in Moment.js?

In Moment.js, formatting the date in the proper format is important for consistent data presentation and manipulation. The library provides various methods to handle and transform dates. You can use direct formatting with format(), manipulate ISO strings, or work with Unix timestamps to achieve the