javascript - JQuery 的 DatePicker 自动选择工作日

Question

我正在使用 Jquery 的日期选择器，并在日历旁边有一组 5 个按钮来选择 future 1-5 天。我已经将周末灰显，但是当我单击按钮时，他们仍然选择周末。如何让它忽略周末而只计算工作日？ (例如，如果我在星期五单击 2 天，则应选择星期二)

这是我的代码

$(function(){
  $('.rfq_ship_date').datepicker({
    beforeShowDay: $.datepicker.noWeekends
  });
});


$(".1day").click(function(){$(".rfq_ship_date").datepicker("setDate", "+1")});
$(".2day").click(function(){$(".rfq_ship_date").datepicker("setDate", "+2")});
$(".3day").click(function(){$(".rfq_ship_date").datepicker("setDate", "+3")});
$(".4day").click(function(){$(".rfq_ship_date").datepicker("setDate", "+4")});
$(".5day").click(function(){$(".rfq_ship_date").datepicker("setDate", "+5")});

编辑:这是相关的 HTML

  <div class="field">
    <%= f.label :ship_date %><br>
    <%= f.text_field :ship_date, class:"rfq_ship_date"%>
    <%= button_tag "1", class: "1day", type:"button" %>
    <%= button_tag "2", class: "2day", type:"button" %>
    <%= button_tag "3", class: "3day", type:"button" %>
    <%= button_tag "4", class: "4day", type:"button" %>
    <%= button_tag "5", class: "5day", type:"button" %>
  </div>

感谢任何帮助

Answer 1

我认为这个问题已经在这里得到了回答: Allow only the next 5 business days jquery datepicker

长话短说，如果您将“maxDate: '+1w'”作为参数添加到日期选择器中，当周末关闭时，它会自动选择接下来的 5 天而不是 7 天，因为它只计算业务天。

$('yourSelector').datepicker({
    minDate: 0, // your min date
    maxDate: '+1w', // one week will always be 5 business day - not sure if you are including current day
    beforeShowDay: $.datepicker.noWeekends // disable weekends
});

您还可以手动检查您选择的日期是周末还是假期。与 isWeekend 和 isHoliday。代码已显示在这里: Add days after date is selected excluding weekends and holidays