0

Tengo esta seccion de código y quisiera que no se puedan seleccionar los días Lunes a Viernes

<div class="row">
  <div class="col">
    <div class="wrap-input3">
      <h3 class="contact3-form-subtitle">Fecha de pedido:</h3>
      <div>
        <input type="date" id="fecha_pedido" name="fecha_pedido" required="1" />
      </div>
    </div>
  </div>
  <hr style="border: 5px solid #1db33b; width:100%" />
</div>

Estoy abierto a diferentes alternativas, gracias a todos!

2
  • ¿y que has intentado?
    – Marcos
    el 17 mar. 2021 a las 23:19
  • Si han respondido a tu pregunta valórala y vótala como respuesta, al tick de abajo
    – AQMR
    el 18 mar. 2021 a las 8:28

1 respuesta 1

1

Creo que la mejor manera sería hacer una validación del día por medio del evento change, pasas el evento y evaluas la expresión con los métodos relacionados a Date.

function validar(e) {
  const dia = (new Date(e.target.value)).getDay();
  if (dia <= 4) { //Cualquier día menor que Viernes
    e.target.value = ""; //Resetear la fecha
    alert("Fecha inválida"); //Dar feedback al usuario
  }

}
<div class="row">
  <div class="col">
    <div class="wrap-input3">
      <h3 class="contact3-form-subtitle">Fecha de pedido:</h3>
      <div>
        <input type="date" id="fecha_pedido" name="fecha_pedido" required="1" onchange="validar(event)" />
      </div>
    </div>
  </div>
  <hr style="border: 5px solid #1db33b; width:100%" />
</div>

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.