javascript - 禁用 jqueryui 日期选择器

Question

我有一个与输入文本关联的 jqueryui 日期选择器。当我将输入文本框设置为只读时，我不希望日期选择器出现。那可能吗？我将从代码中将 readonly 属性设置为 true 或 false。

<script>
    $(function() {
        $( "#datepicker" ).datepicker();
    });
    </script>



<div class="demo">

<p>Date: <input type="text" id="CompleteDate"> <input class="change" type="checkbox" name="chkBoxb" id="chkBoxb"> </p>

</div>


j$('#chkBoxb').click(function(){
   var paramChangeBoxes = j$('input:checkbox.change');

 if (j$(this).is(':checked')) {

  paramChangeBoxes.removeAttr('checked');
    j$('#chkBoxb').attr('checked', 'checked');

     j$('#CompleteDate').attr('readonly',false);
     j$("#CompleteDate").datepicker();


 }
 else
 {
  j$('#CompleteDate').attr('readonly',true);
 $( "#CompleteDate:not([readonly])"  ).datepicker();
 }

});

更新了代码

Answer 1

像这样禁用它:

$('#dateSelector').datepicker('disable');

并像这样启用它:

$('#dateSelector').datepicker('enable');

这是一个工作示例:http://jsfiddle.net/CG64h/8/