javascript - 如何禁用/灰显 Bootstrap 日期选择器

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

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

使用 Javascript 或 JQuery 有没有办法禁用或灰显 Bootstrap 日期选择器,以便用户无法输入任何值?

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

我附上了一张理想的屏幕图像,如下所示:

Desired behavior mock up

最佳答案

假设您的下拉列表的 ID 为 ddlSelect,日历为 inputCalendar

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

关于javascript - 如何禁用/灰显 Bootstrap 日期选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31875596/

相关文章:

javascript - JQuery/Javascript 图像替换

javascript - Microsoft Edge 中内容脚本和后台脚本之间的通信

javascript - 当对象属性来自方法参数时,对象属性未定义

html - 使用 Devise 登录时 Bootstrap CSS 中断

javascript - 如何在 JavaScript/jQuery 中弹出模式并运行复选框检查?

javascript - 高效使用jquery滚动功能

javascript - Jquery:每次更改的操作

javascript - jQuery/Ajax 提交文件到 url localhost

jquery - 在 bootstrap 中将标题添加到 has-feedback span

css - Bootstrap - div 溢出