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()を使用したくない場合は、文字列を与え、お互いに文字列を引くことはあまり有効ではありません。

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); 
}); 

が実行される日付ピッカーは、あなたがそれを使用することができるようにあなたのDateオブジェクトを与える方法、getDateを、持っていますDOMは準備ができていますが、日付が選択されるまで実行されません。

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/