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

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，因为我将多次克隆和重复使用相同的字段。

我想获取字段中设置的time/date。我尝试循环 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 输入（例如时间输入）分配一个公共 class。然后，当您想要获取所有日期时，可以在所有具有该玻璃杯的输入上使用 each() 方法，并使用 DateBox 方法 getTheDate:

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

DEMO

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

How to get dates from Jquery Mobile Datebox input fields looping a div

jquery

html

jquery-mobile

datepicker

datebox