如何从循环div的Jquery Mobile Datebox输入字段获取日期

Question

我需要遍历div并从div中的所有输入字段获取日期。 输入字段是Jquery Mobile DateBox输入字段。

我正在克隆一个包含Jquery Mobile DateBox输入字段的div，并追加到另一个主div。 根据需要，可能会多次发生相同的情况。 在字段中设置日期后，我正在寻找在Jquery Mobile DateBox输入字段中获取设置日期的方法。

我的输入字段是

我通过以下方式进行了克隆和增强，

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

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

我没有将ID分配给输入字段，因为我将多次克隆和重用同一字段。

我想获取在字段中设置的时间/日期。 我尝试循环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