Datepicker 日期选择器,如果没有可用日期,则显示下个月

Datepicker 日期选择器,如果没有可用日期,则显示下个月,datepicker,Datepicker,我在我的网站上使用日期选择器让人们选择交货日期。目前,我希望它显示下个月,因为没有可用的日期。我相信解决方案可能就在这里,但我不知道如何使用它 请注意,我们目前已设置了一些设置,因此,除非用户选择日期,否则无法结账。现在快到月底了,每个人都必须单击一个小箭头以查看下个月,因为本月没有更多天数可供发货 我们目前拥有的: {{'//code.jquery.com/ui/1.9.2/themes/base/jquery ui.css'|stylesheet_tag}} 选择交货日期: 如果未显示日期

我在我的网站上使用日期选择器让人们选择交货日期。目前,我希望它显示下个月,因为没有可用的日期。我相信解决方案可能就在这里,但我不知道如何使用它

请注意,我们目前已设置了一些设置,因此,除非用户选择日期,否则无法结账。现在快到月底了,每个人都必须单击一个小箭头以查看下个月,因为本月没有更多天数可供发货

我们目前拥有的:

{{'//code.jquery.com/ui/1.9.2/themes/base/jquery ui.css'|stylesheet_tag}}
选择交货日期:
如果未显示日期,请选择下个月。交货日假定承运人无延误。最低订购价为20美元
{如果cart.total_price>1999%}
请选择交付日期以启用签出
{%endif%}
$(文档).ready(函数(){
施工天数=[“周日”、“周一”、“周二”、“周三”、“周四”、“周五”、“周六”、“周日”];
常数不可用={
日期:[“2021/06/01”、“2021/07/06”、“2021/08/09”、“2021/10/18”、“2021/11/2”、“2021/11/24”、“2021/11/25”、“2021/11/30”、“2021/12/01”、“2021/12/23”、“2021/12/24”、“2021/12/25”、“2021/12/31”、“2022/05/13”],
日期:[“周六”、“周一”、“周五”、“周日”],
};
$(“#dateDiv”).datepicker({
是的,
altField:“#日期输入”,
minDate:“+2”,
maxDate:“+22”,
beforeShowDay:功能(日期){
常量ymd=date.getFullYear()+“/”+(“0”+(date.getMonth()+1)).slice(-2)+“/”+(“0”+date.getDate()).slice(-2);
const day=date.getDay();
如果($.inArray(ymd,unavailable.dates)<0&$.inArray(days[day],unavailable.days)<0){
返回[true,“enabled”,“Book Now”];
}否则{
返回[错误,“已禁用”,“已预订”];
}
},
onSelect:函数(日期文本){
$('#dateInput').val(dateText);
$(“#日期检查”).attr(“禁用”,false);
$(“#日期错误”).hide();
}
});
$('#dateInput').val('');
$(“#日期检查”).attr(“已禁用”,true);
});
.ui datepicker.ui datepicker prev span、.ui datepicker.ui datepicker next span{
显示器:flex;
}
.ui-widget.ui-widget-content{
显示:内容!重要;
}
#日期检查[禁用]{
背景色:红色!重要;
光标:不允许;
}
body{font size:11px;}
{%render'交付日期“%}