你如何禁用引導表單域？

我在這裏實現了一個引導datetimepicker。 https://eonasdan.github.io/bootstrap-datetimepicker/

我的問題是。

如果你有一個輸入框，你如何禁用它，只讓datetimepicker的輸入有效？因爲用戶可能會輸入日期的無效格式。

下面的代碼是在這裏拍攝https://eonasdan.github.io/bootstrap-datetimepicker/#minimum-setup

代碼：

<div class="container"> 
    <div class="row"> 
     <div class='col-sm-6'> 
      <div class="form-group"> 
       <div class='input-group date' id='datetimepicker1'> 
        <input type='text' class="form-control" /> 
        <span class="input-group-addon"> 
         <span class="glyphicon glyphicon-calendar"></span> 
        </span> 
       </div> 
      </div> 
     </div> 
     <script type="text/javascript"> 
      $(function() { 
       $('#datetimepicker1').datetimepicker(); 
      }); 
     </script> 
    </div> 
</div>

來源

2015-12-31 Zion

您應該能夠使用只讀屬性上的文字輸入和jQuery將仍然能夠編輯其內容。

<input type='text' id='foo' readonly>

來源

2015-12-31 01:11:25 void

值「真」與「假」不允許在布爾屬性。 http://www.w3.org/TR/html5/infrastructure.html#boolean-attributes –

它仍然不起作用。我不知道爲什麼日曆不會彈出 – Zion

得到它的工作有一個ignoreReadonly函數 – Zion

您需要的disabled屬性添加到您的領域，像這樣：

<input type='text' class="form-control" disabled="true">

和技術，這些其他的選擇也將正常工作： '禁用'的

值

<input type='text' class="form-control" disabled="disabled">

或

沒有價值可言，屬性只是名字

<input type='text' class="form-control" disabled>

來源

2015-12-31 02:03:38 jeffdill2

你如何禁用引導表單域？

回答

相關問題