tablesorter,使用2个日期范围过滤器

时间:2016-07-08 22:24:50

标签: reactjs filter tablesorter

我想使用2个日期范围过滤器,所以我使用了这个选项:

.tablesorter({
    widgets: ['filter'],
    widgetOptions: {
    ,'','ts_cf_datepicker','ts_cf_datepicker', 'ts_cf_select_single']
    }
})

所以,我有5列: 第一个没有过滤器。

第二个有一个普通的输入搜索过滤器

第3和第4个有一个ts_cf_datepicker,这是我的问题。

5th有一个ts_cf_select_single过滤器。

当我在第3或第4列过滤器上使用日期选择器时,两列都填充相同的数据。我该如何解决这个问题?这是我的桌子(我正在使用React.js)

<table ref="listaElementos" className="uk-table uk-table-hover uk-table-align-vertical uk-table-nowrap tablesorter tablesorter-altair" id="ts_custom_filters">{/* id="ts_custom_filters ts_pager_filter" */}
    <thead>
        <tr>
        <th className="uk-text-center filter-false remove">ID</th>
        <th className="uk-text-center" data-placeholder="Buscar empresa">Empresa</th> 
        <th className="uk-text-center" data-placeholder="Seleccione rango">Fecha</th>
        <th className="uk-text-center" data-placeholder="Seleccione rango">Vencimiento</th>
        <th className="uk-text-center filter-select" data-placeholder="Seleccione Vigencia">Vigencia</th>
        <th className="uk-text-center filter-false remove">Acciones</th>
        </tr>
    </thead>
    <tbody>
        {contratos}
    </tbody>
</table>

我不能(或者我不知道如何)将id与那些输入过滤器分开使用,因为Tablesorter构建那些输入不知道如何。 请帮助。

0 个答案:

没有答案