Bootstrap日期选择器 - 禁用并启用条件

时间:2014-11-05 16:31:58

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

我正在使用这个日期选择器 http://bootstrap-datepicker.readthedocs.org/en/release/

我担心的是我想在某些条件下启用日期选择器。 例如:我有一个国家的选择框,如果国家是美国,我想启用日期选择器,否则禁用它。禁用日期选择器意味着用户无法选择日期或不弹出日期选择器。 我选择日期选择器按日期选择器日历图标而不是教科书。

1 个答案:

答案 0 :(得分:0)

我假设您使用jquery并且您的国家/地区选择框与“country”类相同,那么类似这样的内容应该对您有用:

$(document).ready(function(){
  $(".country").change(function(e){
    var country = $(".country").val(); //get the value of the country select
    if (country != "US") { // you probably use some id and not the country name as value
       $(".datepicker").datepicker("remove"); // remove the datepicker
    }
  });
});