javascript - Moment.js 文本格式和类

Question

第一次发帖。所以我必须在一个看起来像这样的元素中格式化一些文本

<div class="entry-time">
  2012-05-30T20:11:06+00:00 
</div>

我正在尝试使用 moment.js 将其格式化为更具可读性的格式.我只能使用 javascript 从前端执行此操作。我写了一个看起来像这样的函数。

$(document).ready(function() {
    function formatDate(date) {
        formattedDate = date.text();
        var d = moment(formattedDate, "YYYY-MM-DDTHH:mm:ss");
        $(date).html( d.format("dddd, MMMM Do YYYY, h:mm:ss a"));
    };

    formatDate($('.entry-date'));
});

这在只有一个元素时有效，但当有多个元素时，它会将所有内容格式化为一个日期。我知道这与 jQuery 引入元素数组有关，但我不知道如何使用 entry-date 类对每个元素执行操作。

有人可以帮忙吗？提前谢谢你。

Answer 1

问题的核心是 jQuery .text() 方法获取“匹配元素集合中每个元素的组合文本内容，包括它们的后代”(api.jquery.com/text)而不是迭代集合如您所愿的元素。

像这样的东西应该可以工作，将一个函数传递给 jQuery .html() setter 方法:

$(".entry-date").html(function(index, value) {
    return moment(value, "YYYY-MM-DDTHH:mm:ss").format("dddd, MMMM Do YYYY, h:mm:ss a");
});