0

そのため、iPad と連携する必要があるWEBAPPを作成しています。アプリに日付入力欄があります。デスクトップ ブラウザーでは jQuery UI の Datepicker を使用していますが、iOS では、日付入力フィールドを使用するときにネイティブにポップアップする「ホイール」が気に入っています。ここに画像の説明を入力

問題は範囲を制限することです。minDate / maxDate オプションを使用して、jQuery UI Datepicker で範囲を簡単に制限できます。そして、html5 の日付入力フィールドには、この関数がネイティブに組み込まれていることが「想定」されています<input type="date" min="2000-01-02" />。ただし、これは iOS ホイールには影響しません。iOSホイール内で日付範囲制限を行う方法はありますか?

どうしたんだ？コメント一つない？答えは一つじゃない？これを行う方法がなければなりません！

4

2 に答える 2

3

これは公式には不可能です。

于 2012-10-13T03:52:46.190 に答える
1

私はテストし、最小値と最大値はOpera（モバイル用Operaでは動作しません）とPlayBookブラウザで動作します。

Opera の 1 つの問題のみ: 今日のボタンが範囲をオーバーライドします。

本当に範囲を追加したい場合は、jquery + date.js(http://datejs.googlecode.com/files/date.js) を使用して、js 日付ピッカーを使用しない場合にアラートを追加できます。

$("#bday").change(function(e){
  var d = Date.parse($(e.target).val());
  if ($(e.target).val().trim().length > 0 && d){
   if ($(e.target).attr("min") && d.compareTo(Date.parse($(e.target).attr("min")))== -1 ){
      alert("the date should greater than " +$(e.target).attr("min"));
      $(e.target).focus();
   }

   if ($(e.target).attr("max") && d.compareTo(Date.parse($(e.target).attr("max")))==1  ){
      alert("the date should greater than " + $(e.target).attr("max"));
      $(e.target).focus();
   }
 }
});​

私はそれを完全にテストする時間を持っていないことに注意してください

于 2012-07-12T05:43:20.787 に答える