如何為建立的元素實現動態日期選擇器-js教程-PHP中文網

如何為建立的元素實現動態日期選擇器

Barbara Streisand

發布： 2024-10-20 20:45:02

原創

888 人瀏覽過

How to Implement Dynamic Date Pickers for Created Elements

建立元素的動態日期選擇器實作

問題：

您的目標是將日期選擇器附加到動態產生的文字方塊。但是，使用代碼：

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

登入後複製

僅啟動第一個文字方塊的日期選擇器，儘管所有文字方塊共用「datepicker_recurring_start」類別。

解決方案：

要克服此限制，請使用以下程式碼：

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

登入後複製

說明：

說明：

說明：

說明：

說明：說明：說明>此程式碼利用委託事件處理，允許事件偵聽器附加到父元素並應用於與特定選擇器相符的後代。在本例中：'body' 是事件監聽器所附加的父元素。 'focus' 是當 ' 內的任何元素時觸發回呼函數的事件。類別為“.datepicker_recurring_start”的 body' 獲得焦點。在回呼函數中，$(this).datepicker();啟動焦點元素 (datepicker_recurring_start) 上的日期選擇功能。透過依賴動態事件綁定，您可以確保日期選擇器在任何時候都附加到所有具有「.datepicker_recurring_start」類別的動態建立的元素焦點事件被觸發。

以上是如何為建立的元素實現動態日期選擇器的詳細內容。更多資訊請關注PHP中文網其他相關文章！