Question

我有这样的静态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>

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

我工作的JS-Fiddle： http://jsfiddle.net/LinkJoe/5UHuU/

Answer 1

尝试 .text() 。

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

<强> Working Demo

Answer 2

不要从头开始实施时间计算算法。使用moment.js库（或任何其他类似的库）来计算日期显示。下面显示了执行此操作的代码段。输入日期可以采用不同的格式 - moment.js可以用几乎任何格式解析日期。有关更多信息，请参阅moment.js文档。

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

Answer 3

$（＆＃34; table tbody tr td：nth-child（3）＆＃34;）。text（＆＃34; Your Text＆＃34;）

这应该对你有用。当然，您需要修改上面的内容，但选择器可以正常工作

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

3 个答案: