"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > JQuery ui datepicker exclui configurações de fim de semana e férias

JQuery ui datepicker exclui configurações de fim de semana e férias

Postado em 2025-04-28
Navegar:538

How to Exclude Weekends and Holidays from jQuery UI Datepicker?

excluindo sábados, domingos e feriados do JQuery ui datepicker

The JQuery ui datepicker fornece uma ferramenta robusta para selecionar as datas. Para melhorar sua funcionalidade, você pode desativar certas datas, como fins de semana ou feriados. Felizmente, isso é possível usando a poderosa opção BEFORSHOWDAY. A matriz de retorno contém dois valores:

um booleano indicando se a data está disponível para seleção (true) ou não (false).
  1. um nome de classe CSS opcional para se aplicar à data, ou uma string vazia para o padrão padrão. Fins de semana
  2. Para impedir a seleção de sábados e domingos, você pode utilizar a função Noweendend da JQuery UI, que retorna false para datas de fim de semana:

$ (". Selector"). DatePicker ({beaShowDay] });

excluindo feriados

$(".selector").datepicker({ beforeShowDay: $.datepicker.noWeekends });
Você pode definir uma função personalizada para excluir feriados específicos do datepicker. Por exemplo, o seguinte código desativa a seleção de feriados nacionais definidos na matriz da nataa:

função nacional (data) { para (i = 0; i

Combinando o fim de semana e exclusão de férias

$(".selector").datepicker({ beforeShowDay: $.datepicker.noWeekends });
para desativar os fins de semana e os feriados, você pode combinar as funções agora e nacionais. O exemplo a seguir cria uma função personalizada agoraeekendholidays que retorna false para datas de fim de semana ou datas de férias:

função agoraeekendholidays (data) { var noweekend = $ .datepicker.noweekends (data); if (agoraeekend [0]) { Retorno Nationaldays (data); } outro { retornar agora; } }

usando a opção BeForFowday com essas funções personalizadas, você pode desativar efetivamente os sábados, domingos e férias específicas em sua interface do usuário do JQuery, permitindo que você crie uma experiência de seleção de data mais personalizada e restritiva.

Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3