2015-09-10 50 views
0

我已經創建了一個離子移動應用程序,如果用戶按下任何輸入字段,鍵盤將打開;這工作正常。我有一個帶輸入欄的日期選擇器,我需要隱藏鍵盤。我怎樣才能做到這一點?如何避免特定輸入字段的鍵盤?

<div class="col"> 
    <label class="item item-input item-stacked-label"> 
     <span class="input-label">Date</span> 
     <input type="text" ng-model="bookdate" name="bookdate" id="txtstartdate" required=""> 
    </label> 
    <div class="form-error" ng-messages="projectForm.bookdate.$error"> 
     <div class="form-error" ng-message="required">* Mandatory</div> 
    </div> 
    <script type="text/javascript"> 
    $(document).ready(function() { 

     $("#txtstartdate").datepicker({ 
      minDate: 3, 
      maxDate: "+8M" 
     }); 

    }); 
    </script> 
</div> 
+0

您的意思是限制用戶在日期字段中輸入值嗎? –

+0

make it readonly =「true」 – gettingLearned

+0

是的,我想限制 –

回答

1

只讀加入日期輸入

<input type="text" ng-model="bookdate" name="bookdate" id="txtstartdate" required="" readonly="readonly"> 
1

使用日期piker插件離子。

http://market.ionic.io/plugins/ionicdatepicker

+0

我得到錯誤TypeError:無法讀取鏈接(http:// localhost:8100/bower_components/ionic)上未定義的 屬性'titleLabel' -datepicker/dist/ionic-datepicker.bundle.min.js:1:10231)。請提供html和controller –

相關問題