jquery datepicker +日期差异计算

Question

这是我的代码:

$(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格式,但它也没有用.

任何人都可以帮助我并告诉我可能导致问题的原因吗？谢谢.

Answer 1

你不想在.val()这里使用,它会给你一个字符串并相互减去字符串并不是非常有用.datepicker有一个方法,getDate它为您提供Date对象,以便您可以使用它:

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

演示:http://jsfiddle.net/ambiguous/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事件:

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/ambiguous/5BbGS/