Moment.js只能使用一次

Question

今天早些时候，我得到了有关让 moment.js 正常工作的帮助，它正常工作，但它只能使用一次，或者更确切地说，只能在一个位置和一个实例中显示。

该代码有效，但我希望能够多次使用它，每次使用不同的日期。

我希望它像下面这样工作（不需要 div）

<body>
    <div id="inputDiv" style="display: none">2015-02-14 19:07:00</div>
     <!-- This is the date which will be "converted" and displayed in   #displayMoment -->
    <div id="displayMoment"> <!-- 4 day ago --> </div> 

    <div id="inputDiv" style="display: none">2015-02-15 19:07:00</div>
    <div id="displayMoment">  <!-- 3 days ago --></div>

    <div id="inputDiv" style="display: none">2015-02-18 19:07:00</div>
        <div id="displayMoment"> <!-- 2 hours ago --></div>

</body>

我尝试让脚本将“1”添加到 #displayMoment 以便能够使用 #displayMoment1、#displayMoment2 等等...但它没有工作：/ 该代码有效，但我只能使用 #displayMoment 一次，

JSFIDDLE 我今天早些时候从某人那里得到的

<div id="inputDiv">2015-02-18 19:07:00</div>
<div id="displayMoment"></div>

// use Moment.js to display current date in a div (#displayMoment)
var inputDiv = document.getElementById('inputDiv');
var eDisplayMoment = document.getElementById('displayMoment');
eDisplayMoment.innerHTML =  moment(inputDiv.innerHTML, "YYYY-MM-DD hh:mm:ss").fromNow();

我搜索了，但我不知道要搜索哪个 'keywords' :(

提前感谢您的宝贵时间

Answer 1

HTML 文件：

<div class="inputDiv">2014-12-20</div>
<div class="displayMoment"></div>
<div class="inputDiv">2015-01-20</div>
<div class="displayMoment"></div>

JS 文件：

// use Moment.js to display current date in a div (.displayMoment)
var inputDiv = document.getElementsByClassName('inputDiv');
var eDisplayMoment = document.getElementsByClassName('displayMoment');
for(i=0;i<=inputDiv.length;i++) {
    eDisplayMoment[i].innerHTML =  moment(inputDiv[i].innerHTML, "YYYY-MM-DD").fromNow();
}

我所做的是通过使用 class 名称填充它来建立一个数组，正如您通过 getElementsByClassName() 看到的那样。然后我告诉它获取 innerHtml 检查它 return 一个日期然后把它放回我使用数组 inputDiv[].

取出它的正确位置

Moment.js只能使用一次

Moment.js only able to use it once

javascript

jquery

html

momentjs