Как получить даты из Jquery Mobile Поле ввода ввода для ввода данных в цикле a div

Question

Мне нужно пройти через div и получить даты из всех полей ввода внутри div. Поля ввода - это поля ввода JQuery Mobile DateBox.

Я клонирую div, содержащий поле ввода JQuery Mobile DateBox и добавляя к другому основному div. То же самое может произойти несколько раз в зависимости от необходимости. После установки дат в полях я ищу способ получить заданную дату в поле ввода JQuery Mobile DateBox.

Мой вход поле,

Я клонированы и усиливается следующим образом,

var dayTimePicker = $("#time-picker-template").clone() 

$("#time-picker-block").append(dayTimePicker).enhanceWithin(); 

Я не дал идентификатор в поле ввода, так как я буду клонировать и повторное использование то же самое несколько раз.

Я хочу получить время/дату, заданное в поле. Я пробовал зацикливать div, но не смог. Мои испытания:

var dayDiv = $("#time-picker-block"); 

    $(dayDiv).find('input:text').each(function() { 

    alert($(this).val()); 

}); 

$('#time-picker-block').children('input').each(function() { 

    alert(this.value); // "this" is the current element in the loop 

}); 

$('#time-picker-block').each(function (index, element) { 

    $(element).datebox('getTheDate'); 

}); 

Может ли кто-нибудь помочь мне решить эту проблему для меня.

Answer 1

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

$('#time-picker-block .time-input').each(function (index, element) { 
    alert($(element).datebox('getTheDate')); 
}); 

DEMO