日期时间选择器Jquery中的日期和时间之间的差异

Question

I have two date time pickers in Jquery.

I need to show the difference on clicking the show button in the textbox with id result .

If

Time1 = 04/30/2014 10:27 am

Time2 = 05/01/2014 10:26 am

It should calculate its difference and show the result like X days Y Hrs Z minutes

In addition I want the date to be in dd/mm/yy . Right now it is mm/dd/yy .

Fiddle

Answer 1

Fiddle Demo

var time1 = $('#basic_example_1'), //cache selectors
    time2 = $('#basic_example_2'),
    result = $("#result");
$("#show").click(function () {
    var d1 = new Date(time1.val()), //convert to date object
        d2 = new Date(time2.val()), //convert to date object
        msec = d2.getTime() - d1.getTime(), //get difference in milliseconds
        hh = Math.floor(msec / 1000 / 60 / 60), //get hours
        dd = Math.floor(hh / 24); //calculate days
    msec -= hh * 1000 * 60 * 60; //remove hours from msec
    hh -= dd * 24; //remove days from hours
    var mm = Math.floor(msec / 1000 / 60); //get minutes
    result.val(dd + ' days ' + hh + ' Hrs ' + mm + ' minutes');
});

Answer 2

var start = $('#basic_example_1').datepicker('getDate');
var end = $('#basic_example_2').datepicker('getDate');
var diff = new Date(end - start);
var days = Math.floor(diff/1000/60/60/24);
var hours = Math.floor((diff % ( 1000 * 60 * 60 * 24)) / 1000 / 60 / 60);
var minutes = Math.floor((diff % ( 1000 * 60 * 60)) / 1000 / 60);
$("#result").val(days+' Day(s) '+hours+' Hour(s) '+minutes+' Minute(s)');

Fiddle