16

HTML 5 を使用して firefox (バージョン 21) で日付ピッカーを有効に設定する方法はありますか。Web サイトが使用されるブラウザーで JavaScript が無効になるため、jQuery ベースの日付ピッカーを使用したくありません。日付ピッカーは Chrome で正常に動作します。

html 5 datepicker がサポートされていない場合、jquery なしで datepicker を追加するにはどうすればよいですか?

4

5 に答える 5

14

jQuery UI には、ブラウザーに組み込まれていない場合に条件付きで読み込むことができる datepicker ウィジェットがあります。問題は、カスタム jQuery UI ビルドで datepicker ウィジェットのみを選択した場合でも、依然として重要なダウンロードであるということです。

私のお気に入りの解決策は、 Modernizrに付属の yepnope を使用して、日付ピッカーに必要な場合にのみjQuery UI CSS および JS ファイルを条件付きで読み込むことです。これをModernizr の最適化されたビルドおよびdatepicker のみの jQuery UI ビルドと組み合わせることで、可能なすべてのブラウザーでダウンロードを最小限に抑えることができます。

yepnope({ /* included with Modernizr */
  test : Modernizr.inputtypes.date,
  nope : {
    'css': '/path-to-your-css/jquery-ui-1.10.3.custom.min.css',
    'js': '/path-to-your-js/jquery-ui-1.10.3.datepicker.min.js'
  },
  callback: { // executed once files are loaded
    'js': function() { $('input[type=date]').datepicker({dateFormat: "yy-mm-dd"}); } // default HTML5 format
  }
});
于 2013-09-30T16:01:25.653 に答える
1

Firefox (バージョン 21) はサポートしていませんinput type=date

ここに、 Firefox21がサポートするものとしないものを説明するサイトがあります。

于 2013-06-25T08:53:07.323 に答える