Отключить jqueryui datepicker

У меня есть jqueryui datepicker, связанный с текстом ввода. Когда я делаю входное текстовое поле только для чтения, я не хочу, чтобы датапикер отображался. Это возможно? Я бы установил свойство 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();
 }

});

Обновлен код

Ответы

Ответ 1

Здесь вы идете:

<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>

Ответ 2

отключите его так:

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

и включите его следующим образом:

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

Здесь рабочий пример: http://jsfiddle.net/CG64h/8/

Ответ 3

Я столкнулся с этим сегодня и, к сожалению, ответы, приведенные выше, не сработали. Прочтите код datepicker, как это делается в jqueryui 1.10:

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

Ответ 5

Я считаю, что вам нужно использовать 2 разных текстовых поля и переключать их по мере необходимости, чтобы одновременно показывался только один. Первый - как текстовое поле, а второй - с jQuery Datapicker.

Ответ 6

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

Ответ 7

Просто измените селектор и добавьте : включено

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

Ответ 8

может быть поздно, но проверьте мой ответ здесь!

Я думаю, что это тоже сработает для вас.

Отключить показ и показать кнопку. (Извините за мой плохой английский)