我有这样的代码,它用jqueryUI日期选择器计算两个日期之间的天数。
我如何才能完全摆脱第一次输入,只计算从今天开始的天数?
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
});
<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<input type="text" id="arr_date">
<input type="text" id="dep_date">
<input type="text" id="num_nights" disabled>
使用new Date()
并将其小时、分钟、秒设置为0
以与日期选择器格式相匹配。此外,对差异使用Math.round()
。
然后你可以计算如下:
function showDays() {
var start = new Date()
start.setHours(0);
start.setMinutes(0);
start.setSeconds(0);
var end = $('#dep_date').datepicker('getDate');
if (!start || !end) return;
var days = Math.round((end - start) / 1000 / 60 / 60 / 24);
$('#num_nights').val(days);
}
$("#dep_date").datepicker({
dateFormat: 'dd-mm-yy',
onSelect: showDays
});
<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<input type="text" id="dep_date">
<input type="text" id="num_nights" disabled>