[英]How do I pass the date range selected in the daterangepicker to a variable or back to my input textbox in javascript?
我的Javascript下面使用DateRangePicker的预设范围-我需要将选定的开始日期和结束日期传递给两个变量StartDate和EndDate,或者将其传递回LogiXML输入文本框。 我不确定该怎么做。 请帮忙。
注意:我不想为两个不同的输入字段(从和到)运行daterangepicker逻辑。 我想使用一个输入字段,但是开始日期和结束日期传递给两个单独的变量。
我正在使用comiseo.daterangepicker,请帮助我。
$(document).ready(function() {
$("#inpDatePicker").daterangepicker({
presetRanges: [{
text: 'Today',
dateStart: function() { return moment() },
dateEnd: function() { return moment() }
}, {
text: 'Month to Date',
dateStart: function() { return moment().startOf('month') },
dateEnd: function() { return moment() }
}, {
text: 'Quarter to Date',
dateStart: function() { return moment().startOf('quarter') },
dateEnd: function() { return moment() }
}, {
text: 'Year to Date',
dateStart: function() { return moment().startOf('Year') },
dateEnd: function() { return moment() }
}],
applyOnMenuSelect: true,
datepickerOptions: {
minDate: 0,
maxDate: null,
numberOfMonths : 3,
changeMonth: true,
changeYear: true
}
})
});
$("#inpDatePicker").val()
将返回带有start
和end
的对象。 您可以收听$("#inpDatePicker")
的change
事件,以查看何时获取值。
$("#inpDatePicker").daterangepicker({
onChange: function() {
StartDate = $("#inpDatePicker").val().start;
EndDate = $("#inpDatePicker").val().end;
}
}
jQuery声明:
$("#inpDatePicker").daterangepicker({...})
事件触发器(触发事件后进入):
var range = $("#inpDatePicker").daterangepicker("getRange");
$("#range_start").val(range['start']);
$("#range_end").val(range['end']);
HTML:
<input id="inpDatePicker" name="inpDatePicker" type="text">
<input type="hidden" name="range_start" id="range_start">
<input type="hidden" name="range_end" id="range_end">
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.