Moment.js 从现在/今天在几天、几个月和几年前 [重复]

Question

我正在使用 moment.js 来显示从“今天”到发布帖子的时间，对于任何具有原始 ISO 日期“.iso-date”的帖子，然后输出从div '.display-date' 中的帖子。我有一个可以正常工作的脚本，但它只显示“年”，如果帖子是今天，那么它什么也不输出。同样，它只显示前 12 个月后的几个月和几年，因此是 1-11 个月，然后只显示 x 年前。

当前输出“3 个月前发布”、“一年前发布”、“e 年前发布”等

所以我想看到类似“刚刚发布”、“今天发布”、“6 天前发布”、“3 周、5 天前发布”、9 个月、3 周、5 天前发布' 和 '在 3 年 9 个月 3 周 5 天前发布' - 或者只是'最近的日期间隔'。

标记示例

<div class="posts-list">

<div class="grid-block">
<div class="iso-date">2019-09-30</div>
<div class="display-date"></div>
</div>

<div class="grid-block">
<div class="iso-date">2020-07-12</div>
<div class="display-date"></div>
</div>

</div>

这是当前脚本：-

// Moment 
$(document).ready(function () {

// Moment targets
  var publishedDate = ".iso-date";
  var displayDate = ".display-date";
  
  $(publishedDate).each(function (i, e) {
  
    var p = $(e).text();
    var a = $(e).next(displayDate);
    
    if (moment(p).isValid()) {
    
   var m = moment(new Date(p));
   var s = moment(new Date(m)).fromNow();
    // var s = moment(new Date(m)).diff(moment(), 'milliseconds');  

      a.text("Posted " + s);
    }

  });

});

我希望您能就如何使用 Moment.js r 实现这一点提供意见，或许无需任何脚本依赖 - jQuery / JavaScript。

谢谢

格伦尼男孩

Answer 1

检查下面的 sn-ps。我从这里使用了这个answer，并根据您的要求实现了它。

function dateAgo(date) {  

    var startDate = new Date( date + " " + '12:00 AM');
    var endDate = new Date();

    var diffDate  = new Date(new Date() - startDate);

    var yearDiff  = diffDate.toISOString().slice(0, 4) - 1970;
    var monthDiff = diffDate.getMonth(); 
    var dayDiff   = diffDate.getDate()-1;

    var msec  = endDate - startDate;
    var mins  = Math.floor(msec / 60000);
    var hrs   = Math.floor(mins / 60);
    var days  = Math.floor(hrs / 24);
      
    var label = 'Posted ';
    if( mins <= 30 ){
        label += ' Just Now';
    }else if( hrs <= 24 ){
        label += ' Just Today';
    }else{
        if( yearDiff > 0  ){
            label += ( yearDiff > 1 ) ? yearDiff+' years, ' : yearDiff+' year, ';
        }

        if( monthDiff > 0 ){
            label += ( monthDiff > 1 ) ? monthDiff+' months, ' : monthDiff+' month, ';
        }

        if( dayDiff > 0 ){
            label += ( dayDiff > 1 ) ? dayDiff+' days ' : dayDiff+' day ';
        }

        label += 'ago';
    }
  
    return label;   
    
}

(function() {
    var elements = document.body.getElementsByClassName('iso-date');
    for (var i = 0; i < elements.length; i++) {
        var date  = elements[i].innerHTML;
        var label = dateAgo(date);
        elements[i].nextElementSibling.innerHTML = label;   
    }
})();

<div class="grid-block">
<div class="iso-date">2019-09-30</div>
<div class="display-date"></div>
</div>

<div class="grid-block">
<div class="iso-date">2021-04-06</div>
<div class="display-date"></div>
</div>