Javascript 禁用jqueryui日期选择器

我有一个与输入文本关联的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();
 }

});

$（函数（）{
$（“#日期选择器”）.datepicker（）；
});
日期：

j$（'#chkBoxb'）。单击（函数（）{
var paramchangeboxs=j$（'input:checkbox.change'）；
如果（j$（this）.is（':checked'））{
paramchangeboxs.removeAttr（'checked'）；
j$（'chkBoxb'）.attr（'checked'，'checked'）；
j$（'CompleteDate'）.attr（'readonly'，false）；
j$（“#CompleteDate”）.datepicker（）；
}
其他的
{
j$（'CompleteDate'）.attr（'readonly'，true）；
$（“#CompleteDate:not（[readonly]））。日期选择器（）；
}
});

更新了代码

给你：

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

<script>
  $('#chkBoxb').click(function(){
   if ($(this).is(':checked')) {
     $('#CompleteDate').attr('readonly',false)
       .datepicker();
   } else {
     $('#CompleteDate').attr('readonly',true)
       .datepicker("destroy");
   }
  });
</script>

日期：

$（'#chkBoxb'）。单击（函数（）{
如果（$（this）.is（':checked'））{
$（'#CompleteDate'）.attr（'readonly'，false）
.datepicker（）；
}否则{
$（'#CompleteDate'）.attr（'readonly'，true）
.日期选择器（“销毁”）；
}
});

我认为您应该使用两个不同的文本框，并根据需要切换它们，以便一次只显示一个文本框。第一个是纯文本框，第二个是应用jquery数据选择器的框。

如下禁用：

if($("#").attr("enabled")=="false") {
  $("#").attr("disabled","true");
}

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

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

并像这样启用它：

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

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

---

这里有一个工作示例：

我今天遇到了这个问题，不幸的是，上面提供的答案不起作用。阅读datepicker代码，以下是在jqueryui 1.10中如何完成的：

$(selector).datepicker("option", "disabled", true);

---

只需更改选择器并添加：enabled

 $( "#datepicker:enabled" ).datepicker();

---

当我将readonly属性更改为false时，我得到了datepicker，但再次将其更改为true时，我需要禁用datepicker，但它现在似乎是可见的。我更新了数据库中的代码question@Prady，我知道你现在想干什么了。我更新了我的答案。