Как я могу поместить введенный в масках ввод даты в динамически созданное текстовое поле?

Question

Я использую дату JQuery плагин ввод от here

я вызываю функцию внутри страницы HTML, как этого

jQuery(function($){ 
    $("#date").mask("99/99/9999"); 

}); 

Он отлично работает в каждых областях, где мы просто должны указать идентификатор элемента.

У меня есть table, который динамически создает строки таблицы элементов html, я хочу, чтобы плагин ввода даты применял маску даты в текстовом поле с датой mfd.

Поскольку идентификатор постоянно изменяется динамически, поскольку длина строки добавляется по очереди к id, чтобы сделать идентификатор уникальным.

Как я могу использовать введенный в масках ввод даты внутри таблицы dom?

Answer 1

Вы можете выполнить работу внутри своей функции insSpec, где у вас есть как идентификатор, так и разметка в вашем распоряжении.

Без использования ID:

$(f).find('input[name^="mfd_date"]').mask('99/99/9999'); 

Использование ID:

$(f).find('#mfd_date'+rl).mask('99/99/9999'); 

И так, что клетка действительно имеет только один вход, вам нужно только искать вход

$(f).find('input').mask('99/99/9999'); 

Или вы можете генерировать событие после создания новой строки и всегда прикреплять маску к последней строке в таблице, или даже передавать последнюю строку в качестве данных слушателям событий.

Answer 2

Рекомендуется использовать постоянный класс. Если вы используете ajax, возможно, вам нужно использовать функцию обратного вызова, чтобы дождаться загрузки кода до применения маски. Вы также можете использовать граничный тег div или span вокруг вашего входного тега с постоянным идентификатором. Если у вас есть постоянное количество ввода в форме, вы можете использовать

$('table input[type=text]').eq(n) 

, где п в уравнении (п) является номер элемента в последовательности входов