Могу ли я иметь динамические средства выбора даты, используя jquery по селектору классов

Question

У меня есть динамическая HTML-таблица, и в одном столбце я хочу JQuery UI выбора даты. Несколько вопросов:

1. Могу ли я иметь указатель даты по классу вместо идентификатора:

   $ (документ) .ready (функция () {
   $ ( "DatePicker") DatePicker ();.
   });

2. Могу ли я создавать их на лету, если я добавляю текстовые поля с помощью этого класса с помощью jquery?

Answer 1

1. Вы можете использовать средство выбора даты на основе любого селектора jQuery, который вы хотите. .DatePicker () просто применяется к тому, что возвращает ваш селектор.

2. Да, вы можете создавать их на лету, вам просто нужно запустить .datePicker () на вашем селекторе, как только вы прочитаете, так же, как вы сделали бы в document.ready (). Простое добавление текстового поля с тем же классом, который используется в вашем коде document.ready, не устанавливает их автоматически, однако, вам нужно убедиться, что вы снова запускаете код .datePicker (если вы ничего не делаете с запросами .live).

Уточнение для комментария:

Вы бы хотели избежать запуска средства выбора даты на чем-то, что уже запустило его (но я не думаю, что это повредит , если вы это сделаете). Таким образом, вы могли бы, например, присвоить новому TR в вашей таблице уникальный идентификатор (скажем, идентификатор записи?) И затем запустить $('#newRowId input.datePicker').datePicker();.

Answer 2

Сегодня я столкнулся с вашей проблемой. Измените JQuery, как показано ниже:

$(".myclass").live("click", function() {
    $(this).datepicker({
        changeMonth: true,
        changeYear: true,
        gotoCurrent: true,
        dateFormat: 'dd-mm-yy',
        yearRange: '2016:c',
        defaultDate: 'today'
    }).datepicker('show');
});