仅显示今天日期的 table 数据

Question

好的，我有一个 table 的信息。此 table 内是列名称和日期 (DD-MM-YYYY)。

我需要将 table 限制为仅显示 table 中日期等于当前日期的行。因此，如果有 10 行并且其中只有 5 行在日期列中包含今天的日期，则应该只显示这 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
        }
    }
});
});

Answer 1

我建议在它们出现在 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');
        };
    });
});

今天的日期已确定。该函数将循环遍历每个 TR 中的第二个 TD，从里面的文本定义一个日期（使用正则表达式匹配来分隔日期组件），将其与今天的日期进行比较，如果它们是同样，它会将 hidden class 添加到整行。

JSFiddle

希望对您有所帮助。

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

仅显示今天日期的 table 数据

Only show table data on todays date

html

javascript

tablesorter