如何从循环 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，因为我将多次克隆和重复使用相同的 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