无法获取datepicker的值

时间:2015-04-08 08:10:42

标签: jquery datepicker

我创建了一个表格,其中一行中有两个单元格,我在这些单元格上添加了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值。

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

1 个答案:

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