Не удалось получить значение Datepicker

Question

Я создал таблицу, которая имеет две ячейки внутри строки, и я добавляющим DatePicker на эти клетки:

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 видна в моей таблице.

Поскольку он находится внутри стола, а таблица имеет несколько строк, у него будет несколько датпикеров.

Так что моя проблема в том, что я не могу понять, как получить значение 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); 
});