Javascript a、 ui状态默认值{ 背景：url（“image/ui-bg_highlight-soft_25_ffef8f_1x100.png”）重复-x滚动50%顶部#ffef8f！重要； 边框：1px实心#F9DD34； 颜色：#363636； }

我创建了一个演示，但我无法使用您的HTML，因为它似乎是一种我不熟悉的动态语言。所以我只是创建了一些HTML。基本上，这里的脚本将根据您按下的按钮突出显示从当前日期向前的天数

var日期=[]；
$（函数（）{
$（'.rfq\u ship\u date'）。日期选择器({
numberOfMonths:[1,1]，
展览日前：高潮日
})。单击（函数（）{
$（'.ui-datepicker-today a'，$（this.next（））.removeClass（'ui-state-highlight-ui-state-hover'）；
});
$（'.1day'）。单击（函数（）{
createDateArray（1）；
});
$（'.2day'）。单击（函数（）{
createDateArray（2）；
});
$（'.3day'）。单击（函数（）{
createDateArray（3）；
});
$（'.4day'）。单击（函数（）{
createDateArray（4）；
});
$（'.5day'）。单击（函数（）{
createDateArray（5）；
});
功能highlightDays（日期）{
var noWeekend=$.datepicker.noWeekends（日期）；
if（noWeekend[0]）{
对于（变量i=0；i
.highlight>a.ui-state-default{
背景：url（“image/ui-bg_highlight-soft_25_ffef8f_1x100.png”）重复-x滚动50%顶部#ffef8f！重要；
边框：1px实心#F9DD34；
颜色：#363636；
}
我创建了一个演示，但我无法使用您的HTML，因为它似乎是一种我不熟悉的动态语言。所以我只是创建了一些HTML。基本上，这里的脚本将根据您按下的按钮突出显示从当前日期向前的天数


var日期=[]；
$（函数（）{
$（'.rfq\u ship\u date'）。日期选择器({
numberOfMonths:[1,1]，
展览日前：高潮日
})。单击（函数（）{
$（'.ui-datepicker-today a'，$（this.next（））.removeClass（'ui-state-highlight-ui-state-hover'）；
});
$（'.1day'）。单击（函数（）{
createDateArray（1）；
});
$（'.2day'）。单击（函数（）{
createDateArray（2）；
});
$（'.3day'）。单击（函数（）{
createDateArray（3）；
});
$（'.4day'）。单击（函数（）{
createDateArray（4）；
});
$（'.5day'）。单击（函数（）{
createDateArray（5）；
});
功能highlightDays（日期）{
var noWeekend=$.datepicker.noWeekends（日期）；
if（noWeekend[0]）{
对于（变量i=0；i
.highlight>a.ui-state-default{
背景：url（“image/ui-bg_highlight-soft_25_ffef8f_1x100.png”）重复-x滚动50%顶部#ffef8f！重要；
边框：1px实心#F9DD34；
颜色：#363636；
}

如果选择1天，它会跳过周六和周日吗？您还可以手动检查选择的日期是周末还是假日。周末和周末。代码显示在这里：据我所知，您的解决方案将阻止在日历中选择周末，可以在一年中的任何时间进行预约，但由于99%的时间属于未来5个工作日。在日历旁边有几个按钮将有助于在接下来的5个工作日中的某一天自动显示日历。为了清晰起见，我添加了HTML。如果您选择1天，它会跳过周六和周日吗？您还可以手动检查您选择的日期是周末还是假日。周末和周末。代码显示在这里：据我所知，您的解决方案将阻止在日历中选择周末，可以在一年中的任何时间进行预约，但由于99%的时间属于未来5个工作日。在日历旁边有几个按钮将有助于在接下来的5个工作日中的某一天自动显示日历。为了清晰起见，我添加了HTML。如果您选择1天，它会跳过周六和周日吗？您还可以手动检查您选择的日期是周末还是假日。周末和周末。代码显示在这里：据我所知，您的解决方案将阻止在日历中选择周末，可以在一年中的任何时间进行预约，但由于99%的时间属于未来5个工作日。在日历旁边有几个按钮将有助于在接下来的5个工作日中的某一天自动显示日历。为了清晰起见，我添加了HTML。如果你选择1天，它会跳过周六和周日吗？你也可以手动检查，看看你选择的那一天
$(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")});

  <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>

$('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
});