2013-10-23 92 views
2

我需要兩個不同的事情發生在這個Datatable上:如何將其他過濾器添加到Datatables標頭?

一:我需要添加From和To datepicker輸入到我的Datatable的頭部,包括bJQueryUI。我發現這個討論,http://datatables.net/forums/discussion/comment/16235,但正如你可以在我的小提琴中看到的,我的輸入仍然沒有被添加到標題中。下面的示例代碼也是如此。

二:當點擊這些輸入內部時,日期選擇器小部件顯示並允許您選擇一個日期。我需要在特定日期之間過濾表格。正如你在這個例子中看到的那樣,我已經包含了10月1日至7日,但也許我想在10月4日到6日之間對它進行過濾所以,在改變To輸入時,表格應該相應地進行過濾。有任何想法嗎?提前致謝。

http://jsfiddle.net/BWCBX/24/

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' />&nbsp;<span class='icoMoon icon-calendar-10 icon-set delBlue' title='Revert'></span> To <input type='text' class='datepick' />&nbsp;<span class='icoMoon icon-calendar-13 icon-set delBlue' title='Revert'></span>"); 

回答

相關問題