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

Question

我在基于所选下拉列表禁用jQuery datepicker中的星期几时遇到问题。

以下是我的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