jquery datepicker + 日期差异计算

这是我的代码：

$(function() {
    $( "#arr_date" ).datepicker({ dateFormat: 'dd-mm-yy' });
    $( "#dep_date" ).datepicker({ dateFormat: 'dd-mm-yy' });
});

$(function() {
    var start = $('#arr_date').val();
    var end = $('#dep_date').val();
    var diff = new Date(end - start);
    var days = diff/1000/60/60/24;
    $('#num_nights').val(days);  
});

我在 stackoverflow 上找到了这个日期差异解决方案，但它对我不起作用。

它根本不计算日期差异。我认为这可能是因为日期格式（dd-mm-yy）。我也尝试过使用 yyyy-mm-dd 格式，但它也不起作用。

谁能帮助我并告诉我可能导致问题的原因是什么？谢谢。

你不想使用.val()在这里，这将为您提供一个字符串，并且将字符串彼此相减并不是很有用。日期选择器有一个方法，getDate，这给你一个 Date 对象，这样你就可以使用它：

var start = $('#arr_date').datepicker('getDate');
var end   = $('#dep_date').datepicker('getDate');
var days   = (end - start)/1000/60/60/24;

Demo: http://jsfiddle.net/ambiguously/TCXcX/

另外，这段代码：

$(function() {
    var start = $('#arr_date').val();
    var end = $('#dep_date').val();
    var diff = new Date(end - start);
    var days = diff/1000/60/60/24;
    $('#num_nights').val(days);  
});

将在 DOM 准备就绪时运行，但您不希望它在选择日期之前运行。您需要将（更正的）计算代码绑定到按钮或观看onSelect events:

function showDays() {
    var start = $('#arr_date').datepicker('getDate');
    var end   = $('#dep_date').datepicker('getDate');
    if(!start || !end)
        return;
    var days = (end - start)/1000/60/60/24;
    $('#num_nights').val(days);  
}

$( "#arr_date" ).datepicker({ dateFormat: 'dd-mm-yy', onSelect: showDays });
$( "#dep_date" ).datepicker({ dateFormat: 'dd-mm-yy', onSelect: showDays });

还有另一个演示：http://jsfiddle.net/ambiguously/5BbGS/