Bootstrap表过滤器控件扩展上的日期范围

Question

我使用带有表过滤器控制扩展名的引导表。无论如何，我可以在创建于上为列过滤器设置一个日期范围。

我想在日期选择器上输入类似的内容。

我当前的源代码如下：

<table id="table" ref="table" class="table table-bordered table-hover" 
    data-search="true" data-pagination="true" data-show-toggle="true" 
    data-show-fullscreen="true" data-show-columns="true" data-show-columns-toggle-all="true"
    data-show-export="true" data-click-to-select="true"  data-filter-control="true">
    <thead>
        <tr>
            <th data-width="3" data-width-unit="%" data-sortable="true" data-align="center" class="first-th center"><b>No.</b></th>
            <th data-width="10" data-width-unit="%" data-sortable="true" data-align="left" data-field="package" data-filter-control="input" ><b>Package No.</b></th>
            <th data-width="20" data-width-unit="%" data-sortable="true" data-align="left" data-field="order" data-filter-control="input" ><b>Ordered By</b></th>
            <th data-width="10" data-width-unit="%" data-sortable="true" data-align="left" data-field="created" data-filter-control="datepicker"><b>Created on</b></th>
            <th data-width="18" data-width-unit="%" data-sortable="true" data-align="left" data-field="team" data-filter-control="select" ><b>Team</b></th>
            <th data-width="20" data-width-unit="%" data-sortable="true" data-align="left" data-field="assign" data-filter-control="input" ><b>Assigned to</b></th>
            <th data-width="7" data-width-unit="%" data-sortable="true" data-align="left" data-field="status" data-filter-control="select" ><b>Status</b></th>
            <th data-width="12" data-width-unit="%" data-align="center"><b>Action</b></th> 
        </tr>
    </thead>
    <tbody>
    <!-- Get data from server side -->
    </tbody>