Moment.js只能使用一次

Moment.js only able to use it once

本文关键字：一次 js Moment      更新时间：2024-01-30

今天早些时候，我得到了让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();

我搜索了一下，但我不知道该搜索哪个"关键词"：（

提前感谢您的时间

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();
}

我所做的是通过用类名填充数组来建立数组，正如您可以通过getElementsByClassName（）看到的那样。然后我告诉它进行innerHtml检查，它返回一个日期，然后使用数组inputDiv[]将其放回我提取的正确位置。

相关文章：