Datapicker过滤器无法正常工作

Question

我正在尝试使用Datapicker按日期过滤。
我将输入表格插入表头，我只有日期的输入表格。当我单击表单时，它会显示日历以选择日期，但是当我单击日期时，它不会显示该日期的结果。
我也在使用数据表。
这是我的剧本：

<script>
$(document).ready(function () {
    $(function () {
        $("#datepicker").datepicker();
    });

    $('#example thead th').not(":eq(0),:eq(2),:eq(3),:eq(4),:eq(5),:eq(6),:eq(7),:eq(8),:eq(9),:eq(10)").each(function () {
        var title = $(this).text();
        if (title === "Date") 
        {
            $(this).html('<input type="text" id="datepicker" placeholder="Search ' + title + '" />');
        }
        else 
        {
            $(this).html('<input type="text" placeholder="Search ' + title + '" />');
        }
    });

    $(document).ready(function () {
        var table = $('#example').DataTable({
            "paging": false,
            "searching":false,
        });
        $('#example tbody')
           .on('mouseenter', 'td', function () {
               var colIdx = table.cell(this).index().column;
               $(table.cells().nodes()).removeClass('highlight');
               $(table.column(colIdx).nodes()).addClass('highlight');
           });

        table.columns().every(function () {
            var that = this;
            $('input', this.header()).on('keyup change', function () {
                if (that.search() !== this.value) {
                    that
                        .search(this.value)
                        .draw();
                }
            });
        });

    });
});

我该怎么做才能让它发挥作用？谢谢。