2015-05-26 12 views
5

Ich versuche, die Bootstrap-Datumsauswahl deaktivieren, indem Sie die Eigenschaft disable = "true", Text-Box ist jetzt deaktiviert. Wenn Sie auf die Textbox klicken, funktioniert die Datumsauswahl immer noch. Wie kann ich dieses Problem beheben?Wie kann ich deaktivieren Bootstrap DatePicker

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); 
+1

hoffen, dass Ihr Code gut https://jsfiddle.net/DTcHh/8081/ –

+0

arbeitet aber nach dem attr deaktiviert Entfernen = "true" dann funktioniert die Datumsauswahl nicht –

Antwort

0

Versuchen Sie folgenden Code datepicker

JS

zu deaktivieren
$(document).off('.datepicker.data-api'); 
+0

$ (Dokument) .off ('# txtPatientDOB .datepicker .data-api'); es funktioniert nicht Nilesh –

+0

@ kannanD.S So ist das nicht, was Nilesh in seiner Antwort schrieb. Ich nehme an, du willst es versuchen. wie '$ ('# txtPatientDOB'). off ('. datepicker.data-api');' oder habe ich es falsch verstanden? – empiric

+0

Welche Bootstrap-Version verwenden Sie? –

1

Try this:

Set Datum deaktiviert " 'true'" (alle Termine unclickable) und Show-Buttonleiste auf "" falsch"(Tasten nicht sichtbar).

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

oder Versuche Disabled Eigenschaft auf true setzen:

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