无法获取的日期选择器

Question

我创建了具有一排内的两个单元格的表，我对这些细胞追加日期选择器的值：

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是我的表中可见。

由于它在一张桌子里，而我的桌子有多行，所以它会有多个日期选择器。

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

请帮忙。真的很期待你的解决方案。

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); 
});