我使用引导日期范围选择器来选择开始和结束日期。我工作得很好。但我想添加所选的天数。我的代码:
$('input[name="daterange"]').daterangepicker({
dateLimit: {
days: 9
},
linkedCalendars: false,
startDate : moment().add(1, 'days'),
minDate: moment().add(1, 'days'),
/*maxDate: moment().add(30, 'days'),*/
locale: {
format: 'MM/DD/YYYY'
}
});
如何获取所选天数并在显示的日历区域中显示天数。
也许这个例子很有帮助。
$('input[name="daterange"]').daterangepicker({
timePicker: true,
timePickerIncrement: 30,
locale: {
format: 'MM/DD/YYYY h:mm A'
},
}).on('apply.daterangepicker', function(ev, picker) {debugger
var start = moment(picker.startDate.format('YYYY-MM-DD'));
var end = moment(picker.endDate.format('YYYY-MM-DD'));
var diff = start.diff(end, 'days'); // returns correct number
alert(diff)});
您可以从 Arvind Sisara 的答案开始,然后将日期范围选择器元素的
autoApply
选项设置为 true
。
像这样:
autoApply: true;
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
<input type="text" class="form-control pull-right" id="reservation">
</div>
$('#reservation').daterangepicker().change(function () {
var daterange = $('#reservation').val().split('-')
var start =new Date(daterange[0]);
var end =new Date(daterange[1]);
var diff = new Date(end - start);
var days = diff / 1000 / 60 / 60 / 24;
alert(days)
});
你可以使用类似这样的函数
function days() {
var a = new Date($("#datepicker_start").val()),
b = new Date($("#datepicker_end").val()),
c = 24*60*60*1000,
diffDays = Math.round(Math.abs((a - b)/(c)));
$("#totaldays").val(diffDays);
}
功能
function countDays(start, end) {
return Math.abs(moment(start).diff(moment(end), 'd'));
}
在 jquery.daterangepicker.js 文件中描述。
这是返回选择之间的天数的正确方法
$(function() {
$('input[name="daterange"]').daterangepicker({
"autoApply": true,
locale: {
format: 'YYYY-MM-DD'
},
showDropdowns: true,
}, function(start, end, label) {
var diff = end.diff(start, 'days'); // will return correct number
alert("Number of days is " + diff);
});
});