How to find difference between two DateTime Strings in Javascript

Question

So I have two strings in javascript:

old_date = "2010-11-10 07:30:40";
new_date = "2010-11-15 08:03:22";

I want to find the difference between these two dates, but I am totally at a loss :(

I tried to do the following:

old_date_obj = new Date(Date.parse(old_date));
new_date_obj = new Date(Date.parse(new_date));

But it is giving me error. However that is only start of my woes...I need to show the difference as:

Difference is X Days, Y hours and Z minutes

Can JavaScript/jQuery gurus help me please? Much appreciated...

You really want to have a look at [Moment.js](http://momentjs.com/) whenever you try to manipulate dates. Have a look at this : http://stackoverflow.com/questions/18623783/get-the-time-difference-between-two-datetimes — Jeremy Thille, May 28 '15 at 14:57
strangely the results are 0:00:00, guess I need to check moment.js in more detail... — Undefined Variable, May 28 '15 at 15:16
Just want to note that there is no reason to write: "= new Date( Date.parse( str ));" when "= new Date( str );" already does this implicitly. See [MDN: Date.parse](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse) — Yogi, May 28 '15 at 15:44
@Robert: thanks for that input..in my case the new Date() is not doing the job..I am not sure if it is because my date string also contains time info — Undefined Variable, May 28 '15 at 18:21
I advise you to use this incredible lightweight library when working with those kind of issues: http://momentjs.com/ (and especially http://momentjs.com/docs/#/displaying/difference/) — Andrey Popov, May 28 '15 at 14:57
Did you check out the link I provided in my first comment? Your answer is in there. — Jeremy Thille, May 29 '15 at 06:17

Emre Yıldırım · Answer 1 · 2015-05-28T15:25:52.583

<script>  
    function Calculate() {
       old_date = "2010-11-10 07:30:40";
        new_date = "2010-11-15 08:03:22";

        old_date_obj = new Date(Date.parse(old_date, "dd/mm/yyyy HH:mm:ss"));
        new_date_obj = new Date(Date.parse(new_date, "dd/mm/yyyy HH:mm:ss"));

        var utc1 = Date.UTC(new_date_obj.getFullYear(), new_date_obj.getMonth(), new_date_obj.getDate());
        var utc2 = Date.UTC(old_date_obj.getFullYear(), old_date_obj.getMonth(), old_date_obj.getDate());
        alert(Math.floor((utc2 - utc1) / (1000 * 60 * 60 * 24)));
    }
</script>

score 0 · Answer 2 · edited May 23 '17 at 11:44

0

simply add in you date and it will work for you.

"2010-11-10T07:30:40+01:00"

for more detail check this answer Answer in detail

edited May 23 '17 at 11:44

Community

1
1

answered May 28 '15 at 15:09

Kaushik Thanki

3,334
3
23
50

score 0 · Answer 3 · answered May 28 '15 at 15:36

<script type="text/javascript">
    // The number of milliseconds in one day, hour, and minute
    var ONE_DAY = 1000 * 60 * 60 * 24;
    var ONE_HOUR = 1000 * 60 * 60;
    var ONE_MINUTE = 1000 * 60;

    var old_date = "2010-11-10T07:30:40";
    var new_date = "2010-11-15T08:03:22";

    // Convert both dates to milliseconds
    var old_date_obj = new Date(old_date).getTime();
    var new_date_obj = new Date(new_date).getTime();

    // Calculate the difference in milliseconds
    var difference_ms = Math.abs(new_date_obj - old_date_obj)

    // Convert back to days, hours, and minutes
    var days = Math.round(difference_ms / ONE_DAY);
    var hours = Math.round(difference_ms / ONE_HOUR) - (days * 24) - 1;
    var minutes = Math.round(difference_ms / ONE_MINUTE) - (days * 24 * 60) - (hours * 60);

    alert('Difference is ' + days + ' days, ' + hours + ' hours and ' + minutes + ' minutes.' );
</script>

Mert Özoğul · Answer 4 · 2015-05-28T19:37:18.750

<script type="text/javascript">
    function getDates(strDate1, strDate2) {
    /*Now strDate1 and strDate2 string. So we should convert them to javascript datetime value.*/
     var tempDate1  = strDate1.split(/\-|\s/)
     var date1 = new Date(tempDate1.slice(0,3).reverse().join('/')+' '+tempDate1[3]);
     var tempDate2  = strDate2.split(/\-|\s/)
     var date2 = new Date(tempDate2.slice(0,3).reverse().join('/')+' '+tempDate2[3]);
     var obj1 = $.datepicker.parseDate('dd.mm.yy', $("#date1").val());
     var obj2 = $.datepicker.parseDate('dd.mm.yy', $("#date2").val());
     console.log(findDifferentDate(obj1, obj2));
    }

    function findDifferentDate(obj1, obj2){
      var date1 = getFormattedDate(obj1);
      var date2 = getFormattedDate(obj2);
      var year = date1.getFullYear() - date2.getFullYear();
      var day = date1.getDate() - date2.getDate();
      var month = date1.getMonth() - date2.getMonth();
      var seconds = date1.getSeconds() - date2.getSeconds();
      var minutes = date1.getMinutes() - date2.getMinutes();
      var hour = date1.getHours() - date2.getHours();
      return 'Difference is' + day + 'Days' + month + 'Months' + year + 'Years' + seconds + 'Seconds' + minutes + 'Minutes' + hour + 'Hours';
    }

    function getFormattedDate(date) {
      var year = date.getFullYear();
      var month = (1 + date.getMonth()).toString();
      month = month.length > 1 ? month : '0' + month;
      var day = date.getDate().toString();
      day = day.length > 1 ? day : '0' + day;
      return day + '.' + month + '.' + year;
     }
</script>

If you call getDates method with your dates and then u can see difference time in the console.

score -1 · Answer 5 · answered May 28 '15 at 15:01

var old_date = "2010-11-15 07:30:40";
var new_date = "2010-11-15 08:03:22";

var old_date_obj = new Date(Date.parse(old_date));
var new_date_obj = new Date(Date.parse(new_date));

var diffMs = Math.abs(new_date_obj - old_date_obj);
var diffDays = Math.round(diffMs / 86400000); // days
var diffHrs = Math.round((diffMs % 86400000) / 3600000); // hours
var diffMins = Math.round(((diffMs % 86400000) % 3600000) / 60000); // minutes

https://jsfiddle.net/yps2wb58/1/

How to find difference between two DateTime Strings in Javascript

5 Answers5