• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

298
Vistas
Cómo deshabilitar días pasados y fines de semana en Jquery

¿Alguien sabe por qué este script no funciona? ¿Estoy tratando de deshabilitar los fines de semana y las fechas anteriores? He intentado buscar en toda la web, pero estoy luchando.

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> <input type="date" id="date" class="form-control"> <script type="text/javascript"> $(function() { $( "#date" ).datepicker({ beforeShowDay: $.datepicker.noWeekends minDate : 'now' }); }); </script>

Selector de fechas

about 3 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

Según la documentación, solo necesita deshabilitar los días de la semana utilizando los números 0-6 . Domingo comenzando a las 0 y Sábado terminando a las 6 , y obviamente, cada dos días de la semana asignados en consecuencia. Además, el formato de daysOfWeekDisabled es una cadena delimitada por comas que verá a continuación. Para mostrar solo la fecha de hoy en adelante, simplemente configure una minDate de la fecha de hoy. Todo lo anterior se implementa en el siguiente código:

 let dateToday = new Date(); $('#date').datepicker({ daysOfWeekDisabled: '0, 6', minDate: dateToday })
about 3 years ago · Juan Pablo Isaza Denunciar

0

En su caso, el problema es que tiene el tipo de entrada como date , pero si lo cambia para test , funcionará.

Ejemplo de trabajo:

 <html xmlns="http://www.w3.org/1999/xhtml">   <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />    <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>    <script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <head> <script type="text/javascript"> $(function () { $("#date").datepicker({ beforeShowDay: $.datepicker.noWeekends, minDate : 'now' }); }); </script> </head> <body> <input type="text" id="date" /> </body> </html>

about 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda