Javascript 根据jquery datepicker中选定的日期更改下拉列表值

我想根据从2020年8月29日到2020年9月8日的日期更改下拉列表值。下拉列表值将更改。。当用户从日期选择器中单击29-08-2020至08-09-2020时，必须更改下拉列表的值。。用户单击下拉列表值时的剩余日期将不同。我如何才能做到这一点？下面是代码。在下面的代码中，下拉列表会根据日期进行更改。。如何根据日期更改下拉列表。。仅从2020年8月29日至2020年9月8日

<script type="text/javascript">
    $(function () {
        var date = new Date();
        var dayNo = date.getDay();
        var mindate = (5 - dayNo);
        var d = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
        var event = ['6.00 am : English', '7.00 am : Kannada', '8.00 am: Tamil'];
        var event1 = [' 7.00 am : Kannada', '9.00 am: English', '11.00 am: Tamil'];

        //Lest assume this is  event from database
        $("#datepicker").datepicker({
            dateFormat: 'yy-mm-dd',

            minDate: mindate,
            onSelect: function (dateText, inst) {
                var today = new Date(dateText);
                var a = (d[today.getDay()]);
                $('#slDay').val(d[today.getDay()]);
                var html = '';
                $('#slDay').html('');
                if (d[today.getDay()] == 'sun')
                    $.each(event1, function (index, value) {
                        html += '<option value="' + value + '">' + value + '</option>'

                    });

                if (d[today.getDay()] == 'mon')
                    $.each(event, function (index, value) {
                        html += '<option value="' + value + '">' + value + '</option>'
                    });

                if (d[today.getDay()] == 'tue')
                    $.each(event, function (index, value) {
                        html += '<option value="' + value + '">' + value + '</option>'
                    });

                if (d[today.getDay()] == 'wed')
                    $.each(event, function (index, value) {
                        html += '<option value="' + value + '">' + value + '</option>'
                    });

                if (d[today.getDay()] == 'thu')
                    $.each(event, function (index, value) {
                        html += '<option value="' + value + '">' + value + '</option>'
                    });

                if (d[today.getDay()] == 'sat')
                    $.each(event, function (index, value) {
                        html += '<option value="' + value + '">' + value + '</option>'
                    });

                if (d[today.getDay()] == 'fri')
                    $.each(event, function (index, value) {
                        html += '<option value="' + value + '">' + value + '</option>'
                    });
                $('#slDay').append(html);
            }

        });
    });
</script>

<div class="form-group col-md-12 text">
    <label >Select Date<span style="color:red";> * </span></label>
    <input type="text" class="form-control" id="datepicker" name="date" min="<?php echo date('Y-m-d', strtotime("+2 days")); ?>" />
</div>
<div class="form-group col-md-12 text">
    <label>Select Mass<span style="color:red";> * </span></label>
    <select class="form-control" required="" id='slDay' name="day">
        <option value="">---SELECT---</option>
    </select>
</div>

$（函数（）{
变量日期=新日期（）；
var dayNo=date.getDay（）；
var mindate=（5-日否）；
变量d=['sun'，'mon'，'tue'，'wed'，'thu'，'fri'，'sat']；
var事件=['6.00am:English'、'7.00am:Kannada'、'8.00am:Tamil']；
var event1=['上午7:00：卡纳达'，'上午9:00：英语'，'上午11:00：泰米尔'；
//假设这是来自数据库的事件
$（“#日期选择器”）。日期选择器({
日期格式：'年-月-日'，
minDate:minDate，
onSelect：函数（日期文本，inst）{
var today=新日期（dateText）；
var a=（d[today.getDay（））；
$（'slDay'）.val（d[today.getDay（））；
var html=''；
$（'#slDay'）.html（''）；
如果（d[today.getDay（）]=“sun”）
$.each（事件1，函数（索引，值）{
html+=''+值+''
});
如果（d[today.getDay（）]=“mon”）
$.each（事件、函数（索引、值）{
html+=''+值+''
});
如果（d[today.getDay（）]=='tue'）
$.each（事件、函数（索引、值）{
html+=''+值+''
});
如果（d[today.getDay（）]=“wed”）
$.each（事件、函数（索引、值）{
html+=''+值+''
});
如果（d[today.getDay（）]=='thu'）
$.each（事件、函数（索引、值）{
html+=''+值+''
});
如果（d[today.getDay（）]=='sat'）
$.each（事件、函数（索引、值）{
html+=''+值+''
});
如果（d[today.getDay（）]=“fri”）
$.each（事件、函数（索引、值）{
html+=''+值+''
});
$（'#slDay'）.append（html）；
}
});
});
选择日期*
您只需将
29-08-2020至08-09-2020之间的所有日期
存储在一个数组中，然后使用方法检查所选日期是否在
这些日期之间

在此基础上，您将在下拉列表中添加新选项。如果您的
日期
与那些
日期
不同，则可以在下拉列表中附加
其他值

现场演示：


$（函数（）{
变量日期=新日期（）；
var dayNo=date.getDay（）；
var mindate=（5-日否）；
变量d=['sun'，'mon'，'tue'，'wed'，'thu'，'fri'，'sat']；
var事件=['6.00am:English'、'7.00am:Kannada'、'8.00am:Tamil']；
var event1=['上午7:00：卡纳达'，'上午9:00：英语'，'上午11:00：泰米尔'；
var event3=['上午11:00：卡纳达'，'上午12:00：英语'，'上午13:00：泰米尔'；
var custDate=['2020-08-29'、'2020-08-30'、'2020-08-31'、'2020-09-01'、'2020-09-02'、'2020-09-03'、'2020-09-04'、'2020-09-05'、'2020-09-06'、'2020-09-07'；
//假设这是来自数据库的事件
$（“#日期选择器”）。日期选择器({
变化月：对，
日期格式：'年-月-日'，
minDate:minDate，
onSelect：函数（日期文本，inst）{
var today=新日期（dateText）；
var a=（d[today.getDay（））；
$（'slDay'）.val（d[today.getDay（））；
var html=''；
$（'#slDay'）.html（''）；
if（客户日期包括（日期文本））{
$.each（事件3，函数（索引，值）{
html+=''+值+''
});
}else if（d[today.getDay（）]=“sun”）{
$.each（事件1，函数（索引，值）{
html+=''+值+''
});
}否则{
$.each（事件、函数（索引、值）{
html+=''+值+''
});
}
$（'#slDay'）.append（html）；
}
});
});

选择日期*
选择质量*
---挑选---
您只需
将
29-08-2020到08-09-2020之间的所有日期存储在一个数组中，然后使用方法检查所选日期是否在
这些日期之间

在此基础上，您将在下拉列表中添加新选项。如果您的
日期
与那些
日期
不同，则可以在下拉列表中附加
其他值

现场演示：


$（函数（）{
变量日期=新日期（）；
var dayNo=date.getDay（）；
var mindate=（5-日否）；
变量d=['sun'，'mon'，'tue'，'wed'，'thu'，'fri'，'sat']；
var事件=['6.00am:English'、'7.00am:Kannada'、'8.00am:Tamil']；
var event1=['上午7:00：卡纳达'，'上午9:00：英语'，'上午11:00：泰米尔'；
var event3=['上午11:00：卡纳达'，'上午12:00：英语'，'上午13:00：泰米尔'；
var custDate=['2020-08-29'、'2020-08-30'、'2020-08-31'、'2020-09-01'、'2020-09-02'、'2020-09-03'、'2020-09-04'、'2020-09-05'、'2020-09-06'、'2020-09-07'；
//假设这是来自数据库的事件
$（“#日期选择器”）。日期选择器({
变化月：对，
日期格式：'年-月-日'，
minDate:minDate，
onSelect：函数（日期文本，inst）{
var today=新日期（dateText）；
var a=（d[today.getDay（））；
$（'slDay'）.val（d[today.getDay（））；
var html=''；
$（'slDay'）。