Question

我在DataTable的单元格内动态创建（当我单击单元格时）<input type=date>。

我可以选择日期并且看起来很好，现在我得到表中的所有数据迭代每一行，因为我处理每一行的数据，这也很好，问题是当我想从那些中获取值时投入。

我尝试使用data()和node()，但是HTML上没有显示该值，我发现它应该是这样的，所以我无法从HTML中获取它，所以我尝试使用以下代码，它说它未定义。

table.rows().every( function ( rowIdx, tableLoop, rowLoop ) {
        // Tried this - return undefined

        var node = this.node();     
        alert(node.cells[0].value);// The typeof(node.cells[0]) is object HTMLTableCellElement


        // also this - here shows the HTML without the updated date
        var data = this.data();     
        alert(data);

});

有什么想法吗？

Answer 1

解

使用以下代码访问第一列（input）中单元格内column: 0的值。

var table = $('#example').DataTable();

table.rows().every( function ( rowIdx, tableLoop, rowLoop ) {       
    var cell = table.cell({ row: rowIdx, column: 0 }).node();

    console.log($('input', cell).val());
});

样本

请参阅this jsFiddle以获取代码和演示。

如何从jQuery DataTables中的单元格中获取<input type =“date”/>的值？

1 个答案:

解

样本