作成された要素の動的な日付ピッカーを実装する方法

作成された要素の動的日付ピッカーの実装

問題:

動的に生成されたテキストボックスに日付ピッカーを添付することを目的としています。 。ただし、コード:

$(".datepicker_recurring_start" ).datepicker();

を使用すると、すべてのテキストボックスがクラス「datepicker_quirting_start」を共有しているにもかかわらず、最初のテキストボックスに対してのみ日付ピッカーがアクティブになります。

解決策:

この制限を克服するには、次のコードを使用します。

$('body').on('focus',".datepicker_recurring_start", function(){
    $(this).datepicker();
});

説明:

このコードは委任されたイベント処理を利用しており、イベント リスナーは次のことを行うことができます。親要素に付加され、特定のセレクターに一致する子孫に適用されます。この場合:

• 'body' は、イベント リスナーがアタッチされる親要素です。
• 'focus' は、' 内の任意の要素が存在するときにコールバック関数をトリガーするイベントです。クラス「.datepicker_quirting_start」の body' がフォーカスを受け取ります。
• コールバック関数内で、$(this).datepicker();フォーカスされた要素 (datepicker_quiring_start) で日付ピッカー機能をアクティブにします。

動的イベント バインディングに依存することで、いつでもクラス ".datepicker_quirting_start" を持つ動的に作成されたすべての要素に日付ピッカーがアタッチされるようにできます。フォーカス イベントがトリガーされます。

以上が作成された要素の動的な日付ピッカーを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。