片刻js从现在开始/以天、月为单位

Question

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

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

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

标记html" target="_blank">示例

<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.jsr实现这一点的投入，也许没有任何脚本依赖-jQuery/JavaScript。

谢谢

Glennyboy

Answer 1

检查下面的代码片段。我在这里使用了这个答案，并按照您的要求实现了它。

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

html lang-html prettyprint-override"><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>