使用 Moment.js 从特定日期开始的几天/几周前

Question

I work with moment.js and I have 3 different dates, eg

• 30.07.2018
• 12.06.2018
• 10.05.2018

I now try to get the difference in days from these dates until today (if it is less then 7 days ago) or the weeks until today (if it more than 7 days ago) and place it in several spans.

UPDATE thanks Thomas!

I got:

$(document).ready(function(){
    $('.timestamp').html((index, html) => {

        let date = moment(html, "DD.MM.YYYY HH:mm", true), 
        now = moment(),
        days = Math.floor(Math.abs(date - now) / 86400000), 
        weeks = Math.floor(days/7),
        result = date.format("DD.MM.YYYY") + " - ";

      if(weeks){
        result += weeks + (weeks===1? " week ": " weeks ");
        days = days % 7;        
      }

      if(days || weeks===0){
        result += days + (days === 1? " day": " days");
      }

      return result;
    });

});

What I still need:

• Not showing the initial date, just showing "3 Days" . If it delete "result", I want work anymore.

• Not showing "7 weeks 2 days" , this should just be "7 weeks"

Here is the actual fiddle .

Answer 1

You can do this with momentjs diff() method , which can return the difference between two dates in days , weeks , months , hours , minutes , ... based on the option you pass to it.

This is how should be your code:

now = moment()
days = now.diff(date, "days")
weeks = now.diff(date, "weeks")

Demo:

 $(document).ready(function() { $('.timestamp').html((index, html) => { let date = moment(html, "DD.MM.YYYY HH:mm", true), now = moment(), days = now.diff(date, "days"), weeks = now.diff(date, "weeks"), result = ""; if (weeks) { result += weeks + (weeks === 1 ? " week " : " weeks "); days = days % 7; } else if (days || weeks === 0) { result += days + (days === 1 ? " day" : " days"); } result += '<br />'; return result; }); });

 <span class="timestamp">30.07.2018 00:00</span> <span class="timestamp">12.06.2018 00:00</span> <span class="timestamp">10.05.2018 00:00</span> <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.20.1/moment.min.js"></script>

Answer 2

Moment.js has fromNow() function that returns "x days" or "x hours ago" from current date/time.

moment([2007, 0, 29]).fromNow();     // 4 years ago
moment([2007, 0, 29]).fromNow(true); // 4 years