es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Deshabilitar sábado usando jquery-ui-datepicker con el formulario de contacto 7.

29 May, 2023 Programación

Hola, estoy intentando desactivar todos los sábados en mi calendario. El calendario es el formulario de contacto 7 y está utilizando el jquery-ui-datepicker. Este es mi código corto:

[date* your-date date-479 id:datepiicker min:today placeholder “date de reservation*”]

Y este es mi código jQuery:

jQuery(document).ready(function($) {
$(“#datepiicker”).datepicker({
beforeShowDay: function(date) {
var day = date.getDay();
return [(day != 6), ”];
}
});
});

Pero no está funcionando.



$(“#datepiicker”).datepicker({
beforeShowDay: function(date) {
var day = date.getDay();
return [(day != 6), ''];
}
});



Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para deshabilitar todos los sábados del calendario, es necesario modificar la función beforeShowDay en tu código de jQuery. Aquí está el código actualizado:

    jQuery(document).ready(function($) {
  $("#datepiicker").datepicker({
    beforeShowDay: function(date) {
      var day = date.getDay();
      return [(day != 6), ''];
    }
  });
});

    Asegúrate de incluir las librerías de jQuery y jQuery UI en tu código HTML. Además, cambia el tipo de entrada de “date” a “text” y agrega el atributo “readonly” para evitar la introducción manual de fechas. Aquí está el código HTML actualizado:

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<input type="text" id="datepiicker" placeholder="fecha de reserva" readonly="">

    Al hacer estos cambios, los sábados se deshabilitarán en tu calendario.

Comments are closed.