Curso javascript nivel medio

En JavaScript, las fechas se manejan utilizando el objeto Date. Este objeto permite crear, manipular, y formatear fechas y horas de una manera sencilla.

Crear un Objeto Date

Para trabajar con fechas, primero debes crear una instancia del objeto Date. Hay varias maneras de hacerlo:

  1. Fecha y hora actual:

    • Si creas un Date sin argumentos, obtendrás la fecha y hora actuales.
    • Ejemplo:
      1let ahora = new Date();
      2console.log(ahora); // Muestra la fecha y hora actuales
  2. Fecha específica:

    • Puedes crear un Date pasando una cadena de texto que describa una fecha, o especificando año, mes, día, etc.

    • Ejemplo con cadena de texto:

      1let navidad = new Date("2024-12-25T00:00:00.000Z");
      2console.log(navidad); // Muestra "2024-12-25T00:00:00.000Z"
      Salida de Consola!:
      2024-12-25T00:00:00.000Z
    • Ejemplo con argumentos separados:

      1let fecha = new Date(2024, 11, 25); // Año, mes (0-11), día
      2console.log(fecha); // Muestra "2024-12-25T00:00:00.000Z"
      Salida de Consola!:
      2024-12-25T00:00:00.000Z
    • Nota: Los meses en JavaScript van de 0 (enero) a 11 (diciembre), por lo que 11 representa diciembre.

  3. Fecha y hora específica:

    • Puedes especificar también la hora, minutos, segundos y milisegundos.
    • Ejemplo:
      1let fechaYHora = new Date(2024, 11, 25, 10, 30, 0); // Año, mes, día, hora, minutos, segundos
      2console.log(fechaYHora); // Muestra "2024-12-25T10:30:00.000Z"
      Salida de Consola!:
      2024-12-25T10:30:00.000Z

Métodos para Trabajar con Fechas

El objeto Date incluye muchos métodos útiles para obtener y modificar partes de la fecha y hora:

  1. Obtener partes de la fecha:

    • getFullYear(): Devuelve el año.
      1let año = ahora.getFullYear();
      2console.log(año); // Muestra el año actual
    • getMonth(): Devuelve el mes (0-11).
      1let mes = ahora.getMonth();
      2console.log(mes); // Muestra el mes actual (0-11)
    • getDate(): Devuelve el día del mes (1-31).
      1let dia = ahora.getDate();
      2console.log(dia); // Muestra el día actual
    • getDay(): Devuelve el día de la semana (0-6, donde 0 es domingo).
      1let diaSemana = ahora.getDay();
      2console.log(diaSemana); // Muestra el día de la semana (0-6)
    • getHours(), getMinutes(), getSeconds(): Devuelven la hora, minutos y segundos, respectivamente.
      1let horas = ahora.getHours();
      2let minutos = ahora.getMinutes();
      3console.log(horas + ":" + minutos); // Muestra la hora actual en formato "HH:MM"
  2. Modificar partes de la fecha:

    • setFullYear(año): Cambia el año.
      1let ahora = new Date();
      2ahora.setFullYear(2025); // Cambia el año a 2025
      3console.log(ahora.getFullYear());
      Salida de Consola!:
      2025
    • setMonth(mes), setDate(día), setHours(hora), etc.: Permiten cambiar el mes, día, hora, etc.
      1let ahora = new Date();
      2ahora.setMonth(0); // Cambia el mes a Enero (0)
      3console.log(ahora.getMonth());
      Salida de Consola!:
      0
  3. Obtener la fecha en formatos específicos:

    • toDateString(): Devuelve solo la parte de la fecha como una cadena legible.
      1console.log(ahora.toDateString()); // Ejemplo: "Thu Dec 25 2024"
    • toTimeString(): Devuelve solo la parte de la hora.
      1console.log(ahora.toTimeString()); // Ejemplo: "10:30:00 GMT-0500 (hora estándar)"
    • toISOString(): Devuelve la fecha en formato ISO 8601.
      1console.log(ahora.toISOString()); // Ejemplo: "2024-12-25T10:30:00.000Z"

Comparación de Fechas

Puedes comparar fechas usando los operadores habituales (<, >, <=, >=, ==, ===).

Ejemplo de comparación:

1let fecha1 = new Date(2024, 11, 25);
2let fecha2 = new Date(2025, 11, 25);
3
4if (fecha1 < fecha2) {
5  console.log("fecha1 es anterior a fecha2");
6}
Salida de Consola!:
fecha1 es anterior a fecha2

Resumen

  • El objeto Date en JavaScript se utiliza para trabajar con fechas y horas.
  • Puedes crear una fecha usando new Date(), con la fecha actual o con una fecha específica.
  • El objeto Date proporciona muchos métodos para obtener y modificar partes de la fecha, así como para formatearla de diferentes maneras.
  • Las fechas se pueden comparar usando operadores como <, >, y ===.

Trabajar con fechas en JavaScript es esencial para manejar cualquier tipo de datos que involucren tiempos, desde calendarios hasta cronómetros y registros de eventos.

  • Loading...
  • Objetivo:

    Crea una función llamada formatearFecha que acepte una fecha como parámetro y la devuelva formateada como dd/mm/yyyy.

    Instrucciones:

    1. Crea una función formatearFecha que acepte un parámetro de tipo Date.
    2. Devuelve la fecha en formato dd/mm/yyyy.
    3. Usa console.log() para mostrar la fecha actual formateada.

    Ejemplo:

    Loading...