如何 disable/grey 出 Bootstrap 日期选择器

Question

我有一个包含两个值的下拉菜单，当从下拉菜单中选择特定值时，我想禁用或灰显 bootstrap 日期选择器。

使用 Javascript 或 JQuery 是否有任何方法可以禁用 bootstrap 日期选择器或使其变灰，以便用户无法输入任何值？

我在网上对此进行了广泛研究，建议的 JQuery prop 和 atr 方法没有效果。

我在下面附上了屏幕的理想外观图像：

Answer 1

假设您的下拉列表有 id ddlSelect 和您的日历作为 inputCalendar

$("#ddlSelect").change(function(){
   var ddlValue = $("#ddlSelect option:selected").val();
   if(ddlValue == 'specific value'){
     $("#inputCalendar").prop('disabled', true);
   }
})

Answer 2

callback: {
                    message: 'The Message You want if',
                    callback: function(value, validator) {
                        var m = new moment(value, 'Condition you want', true);
                        if (!m.isValid()) {
                            return true;
                        }
                        return m.isAfter(globCommonVar.Your_value);
                    }
                }

希望这对你也有用...... Bdw 这部分在验证器中