javascript - DataTablesヘッダーのjQuery UI Datepickerが生成されませんか?

Question

DataTable のヘッダーに日付ピッカーがあります。ここで 2 つのことが必要です。

1 つ目は、表の外で機能しているのとまったく同じ日付ピッカーが、ヘッダー内では機能しません (またはカレンダー アイコンが含まれます)。私はDOM経由でもこれらを実装しようとしましたが、それでもうまくいきませんでした。

2 つ目は、これらの日付ピッカーがテーブルのフィルターとして機能することです。したがって、10 月 2 日から 10 月 4 日までは、そのブラケットの外側のすべての日付を非表示にする必要があります。何か案は？前もって感謝します。

http://jsfiddle.net/Z85QC/12/

jQuery

$(".datepick").datepicker({
    showOn: "both",
    buttonImage: "http://www.effinghamparkdistrict.org/graphics/calendar_icon.png"
});

$('#example').dataTable({
    "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "aLengthMenu": [
        [5, 10, 15, 20, -1],
        [5, 10, 15, 20, "All"]
    ],
        "iDisplayLength": 10
});

$("<div class='nBreak padR'><label>Date Filter:</label>&nbsp;&nbsp;From <input type='text' class='datepick' />&nbsp;To <input type='text' class='datepick' /></div>").prependTo('div.dataTables_filter');