0

La idea es que cuando la fecha esté entre el rango realice un display block y si se sale del rango haga un display none. ya que con el codigo actual solo hace darle display dia comnienza hasta que termina

Lo que tengo hasta el momento:

(function () {
  let etiqueta = document.getElementById("Evento");
  let fecha = new Date("Oct 8, 2020");
  const fecha_actual = fecha.toLocaleDateString("es-MX", { timeZone: "America/Santiago" });
  const diadelevento = new Date("Oct 7, 2020"); // Cuando empieza el Evento
  const findelevento = new Date("Oct 13, 2020"); // cuando Termina el Evento
  //
  const fecha_inicio = diadelevento.toLocaleDateString("es-MX", { timeZone: "America/Santiago" });
  const fecha_fin = findelevento.toLocaleDateString("es-MX", { timeZone: "America/Santiago" });
  //
  if (fecha_actual == fecha_inicio) {
    etiqueta.style.display = "block";
  } else {
    etiqueta.style.display = "none";
  }
})();
1
  • if (fecha_actual>=fecha_inicio && fecha_actual<=fecha_fin) Esto sería un verificación de rango de fecha
    – javierj
    Commented el 9 oct. 2020 a las 12:50

1 respuesta 1

0

No debes comparar las strings, sino directamente los valores Date; ten en cuenta que en JavaScript no puedes comparar a igual dos fechas (===), pero sí diferencias (>=, <=):

if (fecha >= diadelevento && fecha <= findelevento) {
  etiqueta.style.display = "block";
} else {
  etiqueta.style.display = "none";
}
2
  • Gracias por tu ayuda Commented el 9 oct. 2020 a las 16:29
  • consulta como hago para poner el parametro de timezone sin strings? Commented el 9 oct. 2020 a las 16:29

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.