javascript - 根据所选下拉列表禁用日期日期选择器

Question

我在根据所选下拉列表禁用 jQuery 日期选择器中的星期几时遇到问题。

下面是我的 HTML 和 JavaScript 代码:

<script>
    $("#dates").datepicker({
        minDate: 0
    });
</script>

@Html.EditorFor(model => model.Date, new { htmlAttributes = new { @class = "form-control" , id = "dates" } })

@Html.DropDownListFor(model => model.dayOff,
    new List<SelectListItem> {
        new SelectListItem { Text = "Select", Value="0" },
        new SelectListItem { Text = "Monday", Value="1" },
        new SelectListItem { Text = "Tuesday",Value= "2" },
    }, 
    new { @class = "form-control", onchange="test()", id ="drop1" })

我有一个下拉列表，用户可以选择一周中的几天，还有一个显示日历的文本框。

我想要的是，例如用户选择星期一，日历上的所有星期一都将被禁用。

我们将不胜感激所有帮助。

Answer 1

如果您使用引导日期选择器，则可以使用以下代码片段禁用下拉列表的更改日期事件。(引导日期选择器演示:https://uxsolutions.github.io/bootstrap-datepicker/)

var disableDaysArray= [3];
$('#dates').datepicker('setDaysOfWeekDisabled',disableDaysArray);

请参阅文档了解更多详细信息。
网址:https://bootstrap-datepicker.readthedocs.io/en/latest/methods.html