Jak mogę wyłączyć Bootstrap DatePicker

Question

Próbuję wyłączyć wybieranie daty Bootstrap przez dodanie właściwości disable = "true", pole tekstowe jest teraz wyłączone. po kliknięciu na pole tekstowe wybór daty nadal działa, jak mogę rozwiązać ten problem.

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

Spróbuj następujący kod, aby wyłączyć datepicker

JS

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

Answer 2

Spróbuj tego: Data-niepełnosprawnym " 'prawdziwe'" (wszystkie daty unclickable) i show-button-bar do " 'false'" (przyciski nie są widoczne)

Set.

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

---

lub Spróbuj ustawić właściwość Wyłączone true:

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