仅显示当天的表格数据

debugcn 发表于 Dev

汤姆

好的，所以我有一张信息表。该表的内部是名称和日期列（DD-MM-YYYY）。

我需要将表限制为仅显示表中日期等于当前日期的行。因此，如果有10行，而其中只有5行在date列中有今天的日期，则仅应显示这5行。

所以我想知道是否有人知道仅显示今天日期的行并每天自动更改日期的任何代码。

目前的HTML

<table class="tablesorter">
<thead>
    <tr>
        <th>Name</th>
        <th>Release Date</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Peter Parker</td>
        <td>11/07/2015</td>
    </tr>
    <tr>
        <td>John Hood</td>
        <td>12/07/2015</td>
    </tr>
    <tr>
        <td>Clark Kent</td>
        <td>12/07/2015</td>
    </tr>
    <tr>
        <td>Bruce Almighty</td>
        <td>13/07/2015</td>
    </tr>
    <tr>
        <td>Bruce Evans</td>
        <td>14/07/2015</td>
    </tr>
</tbody>
</table>

当前的Javascript

$(document).ready(function () {
$("table").tablesorter({
    headers: {
        0: {
            sorter: false
        },
        1: {
            sorter: false
        },
        2: {
            sorter: false
        }
    }
});
});

JBux

我建议在它们出现在HTML中之前先进行此操作，但这是使用jQuery的方法。

$("document").ready(function () {
    var t = new Date();
    $("tr td:nth-child(2)").each(function () {
        var text = $(this).text().match(/(\d+)/g);
        var d = new Date(text[2], text[1] - 1, text[0]);
        if (d.toDateString() == t.toDateString()) {
            var d = new Date(text[2], text[1] - 1, text[0]);
            $(this).closest('tr').addClass('hidden');
        };
    });
});

今天的数据已定义。该函数将循环显示TD每个TR日期中的第二个，从文本内部定义一个日期（使用regex-match分隔日期成分），将其与今天的日期进行比较，如果它们相同，则将hidden类添加到整个行中。

JSFiddle

希望能有所帮助。

编辑：原谅我，我没有正确阅读问题！您似乎想隐藏那些没有今天的日期。在这种情况下==，将if块中的更改为!=。这将相反。JSFiddle 2

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。