我创建了一个表格,其中一行中有两个单元格,我在这些单元格上添加了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值。
请帮助解决这个问题。非常期待您的解决方案。
答案 0 :(得分: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);
});