24

ここに私のウェブサイトがあります: http://splash.inting.org/wp/

私は現在、Call Date フィールドにBootstrap Datepicker (範囲ブランチ)を使用しています。

私には2つの問題がありますが：

1) 入力フィールドに手動で文字列を入力できます。日付以外の値を入力するたびに現在の日付を入力することにより、オリジナルの eyecon では許可されていないため、これは奇妙です。readonly 属性を試してみましたが、日付を選択できないため機能しないようです。

2)別の投稿の回答を変更して、日付入力の選択肢を火曜日と木曜日に限定しました。日付ピッカーをロードすると、選択されたデフォルトの日付は現在の日付になり、他の曜日でもかまいません。これを避けたいので、火曜日または木曜日のみを選択します。

4

5 に答える 5

142

入力コントロールのキー イベントをオーバーライドします。

<input onkeydown="return false" ... />
于 2015-02-23T09:38:58.270 に答える
8

readonly 属性を使用し、input 要素の後にアドオンを追加して、入力後に datepicker をトリガーします。

<input type="text" name="CallDate" value="" id="CallDate" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required input-medium date date-pick" size="40" readonly>
<span class="add-on"><i class="icon-calendar"></i></span>

それはうまくいくはずです。

2 番目の問題については、 https ://github.com/eternicode/bootstrap-datepicker から変更されたバージョンの datepicker を使用して、オプションdaysOfWeekDisabledを使用できます。

于 2013-01-14T22:55:29.010 に答える
4

onKeyDown以下のように属性を使用します。それは私のために働いています[datepickerでの手入力を制限するには]

  <input type="text" id="signedDate" name="signedDate" 
  onkeydown="event.preventDefault()" class="form-control input-med datepicker" 
  maxlength="10" placeholder="" />
于 2018-04-02T12:49:20.490 に答える