将DateTime字符串转换为表中的经过时间

Convert DateTime string in elapsed time in a Table

本文关键字：经过 时间 DateTime 字符串 转换      更新时间：2023-09-26

我有一个静态的html <table>像这样，我不能修改:

<table>
    <tr>
        <td>Street'Art</td>
        <td>Start</td>
        <td>10.06.2014 21:59:40</td>
        <td>10.06.2014 22:00:29</td>
        <td>0.0.0.0.0</td>
    </tr>
    <tr>
        <td>Street'Art</td>
        <td>Updated</td>
        <td>KABIT</td>
        <td>10.06.2014 22:00:44</td>
        <td>0.0.0.0.0</td>
    </tr>
    <tr>
        <td>Street'Art</td>
        <td>Down</td>
        <td>10.06.2014 22:02:54</td>
        <td>10.06.2014 22:03:43</td>
        <td>0.0.0.0.0</td>
    </tr>
    <tr>
        <td>Cloud'Art</td>
        <td>Start</td>
        <td>11.06.2014 18:23:42</td>
        <td>11.06.2014 18:24:38</td>
        <td>1.1.1.1.1</td>
    </tr>
    <tr>
        <td>Cloud'Art</td>
        <td>Updated</td>
        <td>JEL_EM</td>
        <td>11.06.2014 18:25:30</td>
        <td>1.1.1.1.1</td>
    </tr>
    <tr>
        <td>Cloud'Art</td>
        <td>Updated</td>
        <td>JEL_EM</td>
        <td>12.06.2014 06:00:12</td>
        <td>1.1.1.1.1</td>
    </tr>
</table>

我想转换第四个 <td>在经过的时间。

, 

<tr>
        <td>Street'Art</td>
        <td>Start</td>
        <td>10.06.2014 21:59:40</td>
        <td>10.06.2014 22:00:29 - 20 minutes ago</td>
        <td>0.0.0.0.0</td>
</tr>

或者

<tr>
        <td>Street'Art</td>
        <td>Start</td>
        <td>10.06.2014 21:59:40</td>
        <td>10.06.2014 22:00:29</td>
        <td>20 minutes ago</td>
        <td>0.0.0.0.0</td>
</tr>

我已经实现了转换算法，但是我需要获得第四个<td>并添加运行时间。

My working JS-Fiddle:http://jsfiddle.net/LinkJoe/5UHuU/

尝试。text () 。

$("table td:nth-child(4)").text(timeSince(new Date()));
演示工作

不要从头开始实现时间计算算法。使用moment.js库(或任何其他类似库)来计算日期显示。执行此操作的代码片段如下所示。输入日期可以是不同的格式——moment.js可以解析几乎任何格式的日期。更多信息请参见moment.js文档。

$("table td:nth-child(4)").text(moment('2014-06-12T08:35:00').fromNow());

$("table tbody tr:n -child(3)")。文本("文本")

这应该适用于您的。当然，您需要修改上面的内容，但是选择器可以工作

相关文章：