moment.js根据差异更改格式

Question

我想采用与内容发布网站相同的结构，其中新帖子遵循以下内容：

(seconds/minutes/hours ago), (yesterday), (days ago), (MMM Do YY) 。

3 days如何重新排列JS以遵循此格式并转到(MMM Do YY) ？

 // iterates over every element with the .js-time-ago css class $('.date').each(function() { var $this = $(this), textDate = $this.data('date'), // gets the date from the date attribute postedDate = moment(textDate, ['DDMMMMY', 'MMMMDDY']).format(), // formats the date in a formate that will continue to be supported by Moment JS today = moment().format(), // gets today's date timeSince = moment(today, 'YYYY-MM-DD').diff(moment(postedDate, 'YYYY-MM-DD'), 'days'); // sets up the dates to be compared so that we can get a number for if statement below if (timeSince >= 0) $this.text(moment(postedDate).fromNow()); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script> <div class="date" data-date="01 April 2018"></div> <div class="date " data-date="26 May 2018"></div> <div class="date" data-date="27 May 2018"></div> 

Answer 1

实际上，您真的很亲密-您只需要基于timeSince实施条件逻辑，因为它处于所需范围内，在您的示例中为3天。

如果仅使用三元 （甚至是IF-ELSE）切换if语句，以检查timeSince值是否小于或等于3，则可以实现所需的结果。 下面是地方你目前的使用三元的语句if一个：

(timeSince <= 3) ? $this.text(moment(postedDate).fromNow()) : $this.text(moment(postedDate).format('MMM Do YY'));

三元/条件语句首先需要评估一个条件-在您的情况下， timeSince是否小于或等于3天前。 如果条件为真，则执行第一个表达式-在这种情况下，使用Moment的x ago格式对.date选择器中的值进行格式化。 如果条件为假（在此示例中为3天前），则它使用Moment使用MMM Do YY格式设置文本格式。

完整的CodePen示例在这里： https ://codepen.io/anon/pen/zjgbmp

有关三元如何保持代码简洁的示例，这是使用IF-ELSE的相同解决方案：

  if (timeSince <= 3) {
    $this.text(moment(postedDate).fromNow());
  }
  else {
    $this.text(moment(postedDate).format('MMM Do YY'));
  }

Answer 2

我们可以通过对代码做两件事来实现您想要的东西，首先将'day'传递给moment().diff()函数以获取天数的差，然后使用与以下非常类似的三元语句检查该值是否小于3 if 。

我已经整理了一些代码以显示我正在执行的5个步骤

• 现在将时间存储在循环之外
• 从属性获取日期
• 得到天的差异
• 根据日期是否少于3天来格式化日期
• 将该值附加到元素

 function formatDate() { const NOW = new Date(); $('.date').each(function() { const DATE = new Date($(this).data('date')); const DIFF = moment(NOW).diff(DATE, 'day'); const FORMAT = DIFF < 3 ? moment(DATE).fromNow() : moment(DATE).format('MMM Do YY'); $(this).text(FORMAT); }); } formatDate() 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script> <div class="date" data-date="01 April 2018"></div> <div class="date " data-date="26 May 2018"></div> <div class="date" data-date="27 May 2018"></div>