¿Cómo extraer la fecha de una string en formato dd-mmm-yyyy en JavaScript?

En este artículo, veremos cómo extraer la fecha de una string dada de formato «dd-mmm-yyyy» en JavaScript. Tenemos una string y queremos extraer el formato de fecha «dd-mmm-yyyy» de la string.

Ejemplo:

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

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

Acercarse:

  • No existe un formato nativo en JavaScript para «dd-mmm-yyyy». Para obtener el formato de fecha «dd-mmm-yyyy», vamos a usar una expresión regular en JavaScript. 
  • La expresión regular en JavaScript se usa para encontrar el patrón en una string. Así que vamos a encontrar el patrón “dd-mmm-yyyy” en la string usando el método match().
  • Sintaxis:

    str.match(/\d{2}-(ene|febrero|marzo|abril|mayo|junio|julio|agosto|septiembre|octubre|noviembre|diciembre)-\d{4}/gi);

Ejemplo:

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 -->
    <div style="color: red;
        background-color: black;
        margin: 80px 80px;
        padding: 40px 400px;">
        India got freedom on 15-Aug-1947.
  
        <p></p>
  
        <button>
            Click the button to see date
        </button>
    </div>
  
    <!-- Link of JQuery cdn -->
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
    </script>
  
    <script>
  
        // 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);
        });
    </script>
</body>
  
</html>

Antes de hacer clic en el botón:

Después de hacer clic en el botón:

Publicación traducida automáticamente

Artículo escrito por KapilChhipa y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *