002. Objeto Date

En este capítulo veremos las características del constructor Date. Veamos un ejm para ver algunas de sus características más importantes.

Ejm

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Constructor Date</title>
  </head>

  <body>
    <h1>Constructor Date</h1>

    <script>
      let fecha = new Date();
      console.log(fecha); // Muestra todos los datos de la fecha actual
      console.log(fecha.getDate()); // Día del mes
      console.log(fecha.getDay()); // Día de la semana (de domingo a sábado)
      console.log(fecha.getMonth()); // Mes (guardado en un Array)
      console.log(fecha.getFullYear()); // Año actual
      console.log(fecha.getHours()); // Hora actual
      console.log(fecha.getMinutes()); // Minuto actual
      console.log(fecha.getSeconds()); // Segundo actual
      console.log(fecha.getMilliseconds()); // Milisegundo actual
      console.log(fecha.toString()); // Todos los datos de la fecha actual
      console.log(fecha.toDateString()); // Sólo la fecha
      console.log(fecha.toLocaleString()); // Fecha actual
      console.log(fecha.toLocaleDateString()); // La parte de la fecha
      console.log(fecha.toLocaleTimeString()); // La parte de la hora
      console.log(fecha.getTimezoneOffset()); // Huso horario en el que nos encontramos
      console.log(fecha.getUTCDate()); // Huso horario en el Meridiano de Greenwich
      console.log(fecha.getUTCDay()); // Día en el Meridiano de Greenwich
      console.log(Date.now()); // Cuantos segundos han pasado desde el 1 de enero de 1970, la famosa fecha timeStamp

      // Fecha completa de nacimiento
      let cumpleFran = new Date(1972, 1, 14);
      console.log(cumpleFran);
    </script>
  </body>
</html>

Una librería muy poderosa para el manejo de los tiempos es moment.js. Para saber más acerca del manejo de Date podemos visitar MDN.

Scroll al inicio