javascript - 突出显示表格行中的最近日期

Question

我有下表，我正在尝试找到一种方法来将“突出显示”类添加到具有最新日期/时间的单元格 (class="dateRow")。在这种情况下，它将是第四个，其日期为“2013-05-30”。

我已经尝试了多种选择，但似乎无法让它发挥作用。有人能给我指路吗，因为我一直在努力解决这个问题，但似乎无法让它发挥作用。

<table>
    <tr class="topRow"> 
        <td>Yes</td>    
        <td class="dateRow">2013-05-23 13:53:20</td>    
        <td class="dateRow">2013-05-21 13:53:21</td>    
        <td class="dateRow">2013-05-29 13:53:22</td>    
        <td class="dateRow">2013-05-30 13:53:23</td>    
        <td class="dateRow">2013-05-29 13:53:24</td>    
        <td class="dateRow">2013-05-28 13:53:19</td>    
        <td>Some Text</td>  
        <td class="dateRow">2013-05-27 13:53:18</td>
    </tr>
</table>

最近尝试适配的JS如下:

<script>
$(window).load(function()
    { 
        $('.thisRow').each(function() {
            var $tds = $(this).children('td'),
                max = null,
                maxIndex = null;

        $tds.each(function() {
            var value = +$(this).text().substr(1);
            if(isNaN(value)) {
             if(!max || value > max) {
                 max = value;
                maxIndex = $(this).index();
             }
        }
        });
    if(maxIndex !== null) {
        $tds.eq(maxIndex).addClass('highlight');
    }
});
    }
);
</script>

我认为需要调整的是 NaN，因为这至少突出显示了一个单元格，尽管是最后一个单元格。

Answer 1

你没有将这个问题标记为 jQuery，但你展示了一些 jQuery 代码，所以我假设 jQuery 是可以接受的。

在遍历所有日期时跟踪最大值。诀窍是将您的日期格式转换为可接受的 javascript 日期格式:

$(function () {
    //keep track of max values
    var maxCell = undefined;
    var maxVal = undefined;

    $('.dateRow').each(function () {
        var that = $(this);
        var dt = new Date(that.text().replace(' ', 'T')); //convert to js date
        if (!maxCell || dt > maxVal) {
            //update max values
            maxCell = that;
            maxVal = dt;
        }
    });
    maxCell.addClass('highlight'); //highlight cell with max value
});

Working example.