Javascript 当图形日历在页面上持久化时，jquery datepicker defaultdate不会自动设置为下一个可用日期

当图形日历在页面上持久化时，jquery datepicker defaultdate不会自动设置为下一个可用日期。日历选择的初始日期可以是我已禁用的日期。当日历是一个输入字段的弹出窗口时，许多关于解决方法的建议都会起作用，但当日历持续显示为div时，这些建议就不起作用了。无论禁用的日期是按noWeekends、按星期几还是单独设置的天，初始日期值都可以是禁用的和不可访问的日期。我正在使用alternate1输入字段（我通常会隐藏）将数据传递到PHP页面。我所做的几乎都是有效的，但是当minDate在一个可用日期着陆时，下一个可用日期显示为高亮显示，但是当minDate在一个不可选择的日期着陆时，高亮显示被隐藏。我使用的setDate null临时修复程序清除了初始选择值，而不管突出显示的是什么，因此访问者可能认为a日期已经被选中，而不是。我的PHP页面向访问者报告他们必须返回并实际选择日期。我对datepicker的使用是针对移动设备的，因此使用弹出式或弹出式日历来利用众所周知的解决方法是不可取的，日历GUI需要在页面上持久化。为了自己重新创建我的问题，在JSFIDLE上，注释掉最后一行javascript，在var选择中不允许一个星期中的日期，然后设置minDate，使其在不允许的日期登陆。您会注意到备选输入的前缀是不允许的日期

html代码：

<div id="dp1"></div>
<input type="text" id="alternate1" name="alternate1"/> <!-- style="display:none;" this is the field that passes on to php -->   

---

下面是它包含更多日期和一些CSS的例子。我建议在新选项卡中打开它，以便在编辑代码后能够返回此页面。

我的另一个问题的进度已使我不再需要回答此问题。对输入、样式和选项进行多次更改将解决此问题

var selections = [
"2017-07-29",
"2017-07-30",
"2017-08-05",
"2017-08-06",
"2017-08-12",
"2017-08-13",
"2017-08-19",
"2017-08-20",
"2017-08-26",
"2017-08-27",
"2017-09-02",
"2017-09-03",
"2017-09-04",
"2017-09-09",
"2017-09-10",
"2017-09-16",
"2017-09-17",
"2017-09-23",
"2017-09-24",
"2017-09-30",
"2017-10-01",
"2017-10-07",
"2017-10-08",
"2017-10-09",
"2017-10-14",
]

function bansingle(date) {
        var excerpt = jQuery.datepicker.formatDate('yy-mm-dd', date);
        return [ selections.indexOf(excerpt) == -1 ]
    }
// somehow combine this function later.
//function bandow(date) {
//              var day = date.getDay();
//          return [(day != 0 && day != 6)];
//      }


$('#dp1').datepicker({
    beforeShowDay: bansingle,
    altField:'#alternate1',
    altFormat: 'm-d-yy',
    fielddateFormat: 'm-d-yy',
    minDate: "+0d",
    //maxDate: "+1m", // set latest selectable date
});
$('#dp1').datepicker("setDate", null); //clears alternate1 input field value