如何禁用/灰显 Bootstrap 日期选择器答案

【问题标题】：How to disable/grey out Bootstrap datepicker如何禁用/灰显 Bootstrap 日期选择器
【发布时间】：2015-10-30 18:32:27
【问题描述】：

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

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

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

我附上了一张理想的屏幕应该如下图所示的图片：

【问题讨论】：

Bootstrap datepicker disable feature的可能重复

标签： javascript jquery twitter-bootstrap twitter-bootstrap-3 datepicker

【解决方案1】：

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

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

【讨论】：

这是我在网上发布此问题之前尝试的解决方案。由于某些未知原因，.prop 无效。该字段不禁用
对不起，我忽略了你提到你已经尝试过。但是你能不能试着把你的问题放在像 jsfiddle 或 js bin 这样的服务上。因为我在 js bin 上尝试过，它可以工作。查看：output.jsbin.com/ganeya/4
最后你的解决方案是有效的我解决了我的问题： $("#inputCalendar").attr('disabled', true);

【解决方案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 这部分在验证器中

【讨论】：