我需要两个不同的事情发生在这个数据表上:
一:我需要将 From 和 To 日期选择器输入添加到我的 Datatable 的标题中,包括 bJQueryUI。我发现了这个讨论,http://datatables.net/forums/discussion/comment/16235但正如您在我的小提琴中看到的那样,我的输入仍未添加到标题中。下面的示例代码也是如此。
二:在这些输入中单击时,日期选择器小部件会显示并允许您选择日期。我需要在特定日期之间过滤表格。正如您在此示例中看到的,我包含了 10 月 1 日至 7 日,但也许我想在 10 月 4 日至 6 日之间过滤它。因此,在更改 To 输入时,表格应相应过滤。有任何想法吗?提前致谢。
jQuery
$('#example').dataTable({
"sDom": 'R<C><"process_status">T<"clear"><"ui-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix"lfr>t<"ui-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix"ip>',
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"aLengthMenu": [
[5, 10, 15, 20, -1],
[5, 10, 15, 20, "All"]
],
"iDisplayLength": 10
});
$(".process_status").html("From <input type='text' class='datepick' /> <span class='icoMoon icon-calendar-10 icon-set delBlue' title='Revert'></span> To <input type='text' class='datepick' /> <span class='icoMoon icon-calendar-13 icon-set delBlue' title='Revert'></span>");