Как получить даты из полей ввода Jquery Mobile Datebox, зацикливая 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 (например, ввод времени). Затем, когда вы хотите получить все даты, вы можете использовать метод each() на всех входах с этим стеклом и использовать метод DateBox getTheDate:

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

DEMO