根据选定的下拉菜单禁用日期选择器答案

【问题标题】：Disable days datepicker based on selected dropdown根据选定的下拉菜单禁用日期选择器
【发布时间】：2018-07-12 11:07:24
【问题描述】：

我在根据选定的下拉菜单禁用 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" })

我有一个用户可以选择星期几的下拉列表和一个显示日历的文本框。

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

我们将不胜感激。

【问题讨论】：

你在使用引导日期选择器吗？

标签： javascript jquery html datepicker

【解决方案1】：

如果您使用的是引导日期选择器，则可以使用以下代码 sn-p 禁用下拉列表的更改天数事件。（引导日期选择器演示：https://uxsolutions.github.io/bootstrap-datepicker/）

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

有关详细信息，请参阅文档。
网址：https://bootstrap-datepicker.readthedocs.io/en/latest/methods.html

【讨论】：