JavaScript | Formatos de fecha

Entrada de fecha de JavaScript: hay muchas maneras en las que se puede formatear la fecha en JavaScript.

Formatos:

  • Fecha ISO
    "2019-03-06" (The International Standard)
  • Cita corta
    "03/06/2019"
  • Fecha larga
    "Mar 06 2019" or "06 Mar 2019"

Ejemplo 1: este ejemplo utiliza el formato de fecha ISO para mostrar la fecha.

<!DOCTYPE html>
<html>
    <head>
        <title>Date format</title>
    </head>
    <body>
        <center>
            <div style="background-color: white;">
                <h1>Welcome to GeeksforGeeks!.</h1>
                <h3>JavaScript ISO Dates:</h3>
                <p id="name" style="background-color: green;"></p>
            </div>
        </center>
        <script>
            let dat = new Date("2015-03-25");
            document.getElementById("name").innerHTML = dat;
        </script>
    </body>
</html>                    

Producción:

Salida de formato de fechas ISO de JavaScript:

  • Fecha completa (Fecha(“2019-03-06”)):
    Wed Mar 06 2019 02:07:00 GMT+0530 (India Standard Time)
  • Año y Mes (Fecha(“2019-03”)):
    Fri Mar 01 2019 02:07:00 GMT+0530 (India Standard Time)
  • Solo año (fecha («2019»)):
    Tue Jan 01 2019 02:07:00 GMT+0530 (India Standard Time)
  • Solo Año (Fecha(“2019-03-06T12:00:00Z”)):
    Wed Mar 06 2019 02:07:00 GMT+0530 (India Standard Time)

Fechas cortas de JavaScript: Las fechas cortas de JavaScript se escriben en formato MM/DD/AAAA.
Sintaxis:

"MM/DD/YYYY"

Fechas largas de JavaScript: Las fechas largas de JavaScript se escriben en formato MMM DD AAAA.
Sintaxis:

"MMM DD YYYY"

Ejemplo 2: este ejemplo utiliza un formato de fecha corta.

<!DOCTYPE html>
<html>
    <head>
        <title>Date format</title>
    </head>
    <body>
        <center>
            <div style="background-color: green;">
                <h1>Welcome to GeeksforGeeks!.</h1>
                <h3>JavaScript ISO Dates:</h3>
                <p id="name"></p>
            </div>
        </center>
        <script>
            var x = new Date("03/06/2019");
            document.getElementById("name").innerHTML = x;
        </script>
    </body>
</html>

Producción:

Método toTimeString(): se utiliza para devolver la parte de la hora del objeto de fecha dado en inglés. El objeto de fecha se crea utilizando el constructor date(). Este método convierte la parte de la hora de la fecha en una string.

Sintaxis:

var string_name = date_variable.toTimeString

Ejemplo:

<!DOCTYPE html>
<html>
    <body onload="myFunction()">
        <center>
        <div style="background-color: green;">
            <h1>Geeksforgeeks !!</h1>
            <p id="geek"></p>
        </div>
        <script>
            function myFunction() {
              let dt = new Date();
              let s = dt.toTimeString();
              document.getElementById("geek").innerHTML = s;
            }
        </script>
    </body>
</html>

Producción:

Método Date.parse(): La función Date.parse() se utiliza para calcular el número exacto de milisegundos que han pasado desde la medianoche del 1 de enero de 1970 hasta la fecha que proporcionamos. Convierte la string de fecha válida que se le ha dado en milisegundos.

Sintaxis:

var var_name = Date.parse(valid_date_string)

Ejemplo:

<!DOCTYPE html>
<html>
    <body>
        <center>
        <div style="background-color: green;">
            <h1>Geeksforgeeks !!</h1>
            <b>Date.parse() returns the number milliseconds</b>
            <p id="geek"></p>
        </div>
        <script>
            let msec = Date.parse("March 21, 2012");
            document.getElementById("geek").innerHTML = msec;
        </script>
    </body>
</html>

Producción:

Navegador compatible:

  • Cromo
  • Borde
  • explorador de Internet
  • Ópera
  • safari

Publicación traducida automáticamente

Artículo escrito por AdeshSingh1 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 *