Làm thế nào tôi có thể vô hiệu hóa Bootstrap DatePicker

Question

tôi đang cố gắng để vô hiệu hóa bộ chọn ngày khởi động bằng cách thêm thuộc tính disable = "true", hộp văn bản hiện bị tắt. khi nhấp vào hộp văn bản, bộ chọn ngày vẫn hoạt động như thế nào tôi có thể khắc phục sự cố này.

HTML

<div class="input-group" id="DateDemo"> 
    <input type="text" id="txtPatientDOB" name="dd" data-format="MM/DD/YYYY" placeholder="DOB" class="form-control" disabled="disabled" /> <span class="input-group-btn"> 
    <button class="btn btn-green" type="button"><i class="glyphicon glyphicon-calendar"></i></button> 
    </span> 
</div> 

JS

$("#txtPatientDOB").attr("disabled", true); 

Answer 1

Hãy thử đoạn mã sau để vô hiệu hóa datepicker

JS

$(document).off('.datepicker.data-api'); 

Answer 2

Hãy thử điều này:

Set ngày khuyết tật để " 'true'" (tất cả các ngày không thể nhấp vào) và show-nút-bar để " 'false'" (nút không nhìn thấy được).

<label>Date</label> 
<p class="input-group"> 
    <input type="text" class="form-control" ng-model="dt" 
     datepicker-popup="MM-dd-yyyy" is-open="opened" close-text="Close" 
     show-weeks="true" show-button-bar="'false'" date-disabled="'true'" disabled /> 
    <span class="input-group-btn"> 
     <button class="btn btn-disabled" ng-click="open()"> 
      <i class="glyphicon glyphicon-calendar"></i> 
     </button> 
    </span> 
</p> 

---

hoặc Hãy thử thiết lập tài sản Disabled true:

$("#Date").prop('disabled', true);