0

以下代码在更改日期返回“NaN”(非数字)值。我认为 Flow 是正确的,但我不知道它是如何返回 NaN 的。

$(function() {    
$('.datepicker').datepicker({format: "yyyy-mm-dd"});

    var calculateDuration = function() {
    var start_date = $('#start_date').datepicker('getDate');
    var end_date = $('#end_date').datepicker('getDate');
    document.getElementById('reservation_duration').value = (Number(end_date) - Number(start_date)) / 86400000;
    }

$('#end_date').change(calculateDuration);
$('#start_date').change(calculateDuration);

});

这是日期选择器:http ://www.eyecon.ro/bootstrap-datepicker/

4

2 回答 2

4

.datepicker('getDate')不是一个有效的方法。您可能只想要该字段的值,例如,$('#start_date').val()

更新 您仍然需要将您的字段值转换为适合算术的格式:

var startDate = new Date($('#start_date').val());
var endDate = new Date($('#end_date').val());
var delta = endDate - startDate;
于 2013-07-05T14:55:34.423 回答
1

听从了安德烈·迪翁的建议并成功了!

$(function() {    
    $('.datepicker').datepicker({format: "yyyy-mm-dd"});

var calculateDuration = function() {
    var startDate = new Date($('#start_date').val());
    var endDate = new Date($('#end_date').val());
    var diff = endDate - startDate;
    document.getElementById('reservation_duration').value = (Number(diff) / 86400000) +1;
}

$('#end_date').change(calculateDuration);
$('#start_date').change(calculateDuration);

});
于 2013-07-05T15:24:50.363 回答