DatepickerがキャッチしないtypeErrorを返す：未定義の 'currentDay'

私はjQuery UIをブートストラップと併用していましたが、これまでになかった問題が発生しているようです。何が変わったのか分かりません。私は別のバージョンのjQueryを設定しようとしましたが、その間にjQuery UIを更新しませんでした。だから私は何が壊れたのか正確には分からない。DatepickerがキャッチしないtypeErrorを返す：未定義の 'currentDay'

コンソールからのエラー私はDatePickerのリターンの任意の日付をクリックしてください：

Uncaught TypeError: Cannot set property 'currentDay' of undefined

コード1は、日付ピッカーから期待通り非常に簡単です：

$(".datepicker").datepicker({ 
dateFormat: 'dd-mm-yy' 
});

以下でHTML：

<input type="text" class="datepicker" />

これはバグですか？ Googleとのマッチアップ）、それは私が逃した何か他のですか？

出典

2013-07-22 Bjorn Schijff

私は、jQuery UIのdatepickerとboostrapのdatepickerとの競合があるかもしれないと思うので、1つを選択してjsファイルから他のものを削除することをお勧めします。 –

申し訳ありませんが、残念ながら、私はBootstrap CSSをjQuery 1.7.1とjQuery-UI 1.9.2でのみ使用しています。この時点で私はBootstrap-UIを使用していません。 –

エラーが発生するのは、#IDを使用し、.classを使用しない場合です。 –

105

解決策が見つかりました。長い時間のデバッグの後、私は入力フィールドよりも上にあるIDがまったく同じ<div>があることを知りました。したがって、スクリプトはIDを含む最初のインスタンスをとり、inputフィールドの代わりにDIVを選択しました。

DIVを削除/名前を変更してもう一度正常に機能しました。

出典

2013-07-23 09:43:36

あなたのページをHTMLバリデーターに入れるのは非常に便利です！:) –

ありがとう、それは100％仕事ですが、私は

このバグで2時間、 <3 – caroso1222

上記のjQueryのdatepickerエラーは、idを使用するかcssクラスまたはフィールド名のような別のセレクタを使用しても、同じIDを持つコントロールが重複しているために発生します。

出典

2013-11-27 21:48:46

それはまさにポイントです。今までにdatepickerでIDを使用しないで、カスタムcssクラス名を使用してください。私はポップオーバーの中にdatepickerを使用すると、その問題に直面していました。 –

@ tod-birdsall＆others、私はここで同じ問題をリンクしています。 https://stackoverflow.com/questions/45883482/datatable-datefilter-loads-correctly-but-throws-uncaught-typeerror-on-date-selec私はさまざまなID、クラスなどのような多くのソリューションを試してみました。問題はありませんこのオリジナルスレッドの4年後の2017年にもdatatableまたはjqueryのUIのバグですか？不思議なことに、入力コントロールにname属性を作成しようとすると、ページ1でさらに重複してしまいます。必然的にエラーが発生します。この問題の解決策はありますか？私はdatatableとjqueryのUIの最新バージョンを使用しています。 – webblover

このエラーも発生していました。フォームの入力idsと一致しない属性の 'for'というラベルがいくつかあるため、datepickerも混乱する可能性があります。一度それらを修正したら、すべてうまくいってエラーがなくなった。 Andreasのアドバイスを（+1してください）、フォームを検証してください - Chris PederickのWeb Developer Toolbarを使うと、簡単に検証することができます。

出典

2014-10-12 15:57:19

異なるIDのない同じクラスの入力ボックスが2つあり、日付ピッカーを試している可能性があります。それは2つの異なるIDを与える場合は、それは動作します。

出典

2015-08-07 10:56:58 Venkatesan

セレクタを入れます。

<script> $("#formID #duplicatedId").datepicker({language: 'he'}); 
</script>

フォームID：入力を含むフォームのID。

duplicatedId：入力要素のID。

出典

2015-10-28 11:23:50 gozgunes

DatepickerがキャッチしないtypeErrorを返す：未定義の 'currentDay'

答えて

関連する問題