JavaScript date difference Days

Question

I want to calculate the difference between two dates. Currently, I am doing the code bellow:

function calculDiff(){
    var v1= $('#date_debut').val();
    var v2=$('#date_fin').val();
    var dayDiff=((v2-v1) / (24*60*60*1000));
    var dayDiff2=Math.floor(dayDiff);
    console.log(v1 + ' '+ v2);
    console.log(dayDiff + ' '+ dayDiff2);
}
$(document).ready(function(){
    $('#date_debut').datepicker().bind('change paste keyup',function(){
        calculDiff();
        return false;
    });
    //
    $('#date_fin').datepicker().bind('change paste keyup',function(){
        calculDiff();
        return false;
    });
});

PS:I have 2 input type date (date_debut and date_fin)

In browsers that don't support input type date, what is the value returned by `$('#date_debut').val()`? — RobG, Dec 03 '15 at 12:38
$('#date_debut').val() returns a date that i am choosing from a datepicker — omar, Dec 03 '15 at 13:11

score 1 · Answer 1 · answered Dec 03 '15 at 12:10

1

Try this

var now  = "04/09/2013 15:00:00";
var then = "04/09/2013 14:20:30";
moment.utc(moment(now,"DD/MM/YYYY HH:mm:ss").diff(moment(then,"DD/MM/YYYY HH:mm:ss"))).format("HH:mm:ss")

See more in http://momentjs.com/docs/#/displaying/difference/

answered Dec 03 '15 at 12:10

Krishnaraj

126
1
8

thank you very much, but that not what I'm looking for ! – omar Dec 04 '15 at 09:33

Mehul Dudhat · Answer 2 · 2015-12-03T12:39:54.710

0

I think you want day difference, you can user below code to get days difference.

var start_date = new Date($('#date_debut').val());
var end_date = new Date($('#date_fin').val()); 

var diff = new Date(end_date - start_date);
var days = diff/1000/60/60/24;
console.log("diff=>"+days);

When user selected first date open other date datepicker to select remaining field, and then calculate difference.

edited Dec 03 '15 at 12:39

answered Dec 03 '15 at 12:10

Mehul Dudhat

421
1
7
19

1

What I get diff=>NaN – omar Dec 03 '15 at 12:29
I have updated my answer please check now, i provided comment if not work then convert into date e.x new Date(value); – Mehul Dudhat Dec 03 '15 at 12:41
Now It works , thank you very much. But still the Date format , how to foce this format dd/mm/yyyy? – omar Dec 03 '15 at 13:02
you can change the format in datepicker method { dateFormat: 'dd-mm-yy' }. like $('#date_debut').datepicker({ dateFormat: 'dd-mm-yy' }) – Mehul Dudhat Dec 04 '15 at 07:57
thanks a lot for your help. God bless you ! – omar Dec 04 '15 at 09:05

JavaScript date difference Days

2 Answers2

Linked