Question

我正在尝试使用jQuery为预订系统计算一周中两个选定日期之间的晚数，以指定人们可以到达和离开的一周中的哪几天。我有两个下拉菜单，一个用于抵达日，一个用于出发日：

<select required="required" class="daypicker" id="arrivalday" name="arrivalday">
    <option></option>
    <option value="1">Monday</option>
    <option value="2">Tuesday</option>
    <option value="3">Wednesday</option>
    <option value="4">Thursday</option>
    <option value="5">Friday</option>
    <option value="6">Saturday</option>
    <option value="7">Sunday</option>
</select>
<select required="required" class="daypicker" id="departureday" name="departureday">
    <option></option>
    <option value="1">Monday</option>
    <option value="2">Tuesday</option>
    <option value="3">Wednesday</option>
    <option value="4">Thursday</option>
    <option value="5">Friday</option>
    <option value="6">Saturday</option>
    <option value="7">Sunday</option>
</select>

如果其中一个下拉列表发生变化，则应按如下方式计算夜数：

arrival = Monday
departure = Friday
number of nights = 4


arrival = Monday
departure = Monday
number of nights = 7


arrival = Friday
departure = Monday
number of nights = 3

这是我到目前为止所做的，但一切都没有发生：

$(document).ready(function(){    
$(".daypicker").change(function(){
var arrivalday = $("#arrivalday").val();
var departureday = $('#departureday').val();

if (arrivalday == departureday){
$('#numnights').html('7');
} else if (arrivalday < departureday) {
$('#numnights').html(departureday - arrivalday);
} else {
$('#numnights').html(arrivalday- departureday - 1);
}
}).change();
});

发现问题后，选择会在用户选择一个选项后显示，因此我将代码移动到该选项的更改功能中，一切都按预期工作。

计算一周两天之间的晚数

0 个答案: