无法获取日期选择器的值

Question

我创建了一个 table，它在一行中有两个单元格，我在这些单元格上附加了日期选择器：

var outTbody = $('<tbody id="myTableBody"></tbody>');
var outTrBdy = $('<tr></tr>');
var outTD6 = $('<td></td>').addClass('input-group date');//Start Time

//Trying to create Date Picker
var datePickerStartInput= $('<input type="text" name="startDate1" data-provide="datepicker"  data-dateformat="yy-mm-dd"></input>').addClass('datepicker');
outTD6.append(datePickerStartInput);

var outTD7 = $('<td></td>');//End Time

var datePickerEndInput =$('<input  type="text" name="endDate1" data-provide="datepicker" data-dateformat="yy-mm-dd"></input>').addClass('datepicker');

outTD7.append(datePickerEndInput);
outTrBdy.append(outTD6);
outTrBdy.append(outTD7);
outTbody.append(outTrBdy);



$(".datepicker").each(function(){
    var $this = $(this);
    $this.datepicker({
       dateFormat: $this.attr('data-dateformat')
    });
});

所以我的 DatePicker 在我的 table 中可见。

因为它在 table 中，而我的 table 有多行，所以它会有多个日期选择器。

所以我的问题是我无法弄清楚如何获取我设置的日期选择器值。

请帮忙解决这个问题。非常期待您的解决方案。

Answer 1

正如您提到的，您希望通过单击保存按钮获得它，然后您可以使用它：

var data=[];
$('yourSaveButton').on('click', function(e){
    $('#tableId/class').find('tr').each(function(i){
        var o = {};
        o.startDate+i = $(this).find('.datepicker[name="startDate1"]').val();
        o.endDate+i = $(this).find('.datepicker[name="endDate1"]').val();
        data.push(o);
    });
    console.log(data);
});

无法获取日期选择器的值

Unable to get the value of datepicker

jquery

datepicker