如何禁用/灰显Bootstrap datepicker

Question

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

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

我在网上对此进行了广泛的研究，建议的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这部分是在验证器中