16

サイトでの日付の選択に jQuery UI の日付ピッカーを使用しています。私のユーザーの 1 人が、HTML5 用のネイティブ日付ピッカーが組み込まれている最新バージョンの Chrome にアップグレードしたところです。2 つの UI が重なり合うことによる大きな問題。もう 1 つの問題は、ユーザーが日付を送信すると、データベースの日付が「0000-00-00」に戻り、不良データが生成されることです。

jQuery 日付ピッカーを削除すると、最新の最高のブラウザーを使用していないほとんどのユーザーには、ポップアップ日付ピッカーが表示されなくなります。また、最新のブラウザを使用している場合、カレンダーが 2 つ重なってアプリケーションが機能しなくなります。私の質問は、組み込みの日付関数を表示する最新のブラウザーを無効にして、jQuery Datepicker を引き続き使用するにはどうすればよいですか?

4

4 に答える 4

39

Modernizrまたは同様のライブラリを使用して、ブラウザーが をサポートしているかどうかを機能検出し、サポートしinput type=dateていない場合は jQuery UI の日付ピッカーを読み込みます。

if (!Modernizr.inputtypes.date) {
    $('input[type=date]').datepicker();
}
于 2012-07-02T16:50:46.247 に答える
1

に切り替えるか、Modernizr を使用して、ネイティブの日付ピッカーのサポートを検出しますinput[type=date]。input[type=text]ここで両方のオプションの意味についての投稿を書きました - http://tjvantoll.com/2012/06/30/creating-a-native-html5-datepicker-with-a-fallback-to-jquery-ui/ .

于 2012-07-02T17:59:24.313 に答える
0

フォームの種類を変更できない場合があります。たとえば、Symfony2 Bundle の FormType を使用しています。

Genemu jQuery Datepicker を使用してこの問題が発生し、カレンダーの画像ボタンと少しの CSS コードを追加してこの問題を解決しました。

このリンクで最終結果を見ることができます

ここで、画像アイコンを追加するためのドキュメントを読むことができます: jQuery UI Datepicker

次に、次のような css を簡単に追加しました (スタイル ルールが異なる場合があります)。

form input[type=date] + img {
    position: relative;
    left: -25px;
}
于 2012-10-23T16:58:27.167 に答える
0

属性をフォームに追加novalidateして、ブラウザーの組み込みの検証を削除します。

<form action="login.htm" novalidate>

詳細については、このリンクを参照してください。

于 2015-11-23T17:29:35.967 に答える