無法獲取的日期選擇器

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