モバイルでのブートストラップdatepickerのキーボードポップアップを無効にする（Rails 4、Jquery）

Question

Bootstrap datetimepickerプラグインを使用するRails 4アプリがあります。

次のように私のフォームフィールドの外観：

<%= f.text_field :event_date, id: "event-datepicker", class: "form-control" %> 

次のようにそれにjqueryの関連は次のとおりです。私は、テキスト・フィールドとの選択をクリックしたとき

$('#event-datepicker').datetimepicker({format: 'LL'}); 

カレンダーがポップアップ表示されますカレンダーはテキストフィールドに入力されます。 問題は、モバイルでは、テキストフィールドを選択すると、表示されるカレンダーの上にモバイルキーボードが表示されることです。モバイルキーボードを無効にするにはどうすればブートストラップカレンダーから日付のみを選択できますか？私は答えを探してみましたが、必要な正確なシナリオがnoooneにありました。

Answer 1

あなたは読み取り専用にそれを作ることができます：

<%= f.text_field :event_date, id: "event-datepicker", class: "form-control", readonly: "true" %> 

を...と灰色の背景を防ぐために、いくつかのCSSを追加します。

#event-datepicker { 
    background-color: white; 
}