[英]How do I pass the date range selected in the daterangepicker to a variable or back to my input textbox in javascript?
My javascript below using preset ranges for DateRangePicker - I need to pass the selected start and end dates to two variables call StartDate and EndDate or pass it back to my LogiXML input text box. 我的Javascript下面使用DateRangePicker的预设范围-我需要将选定的开始日期和结束日期传递给两个变量StartDate和EndDate,或者将其传递回LogiXML输入文本框。 I am not sure how to do this.
我不确定该怎么做。 Please help.
请帮忙。
Note: I don't want to run the daterangepicker logic for two different input fields(from and to). 注意:我不想为两个不同的输入字段(从和到)运行daterangepicker逻辑。 I want to use one input field but the start and end dates are passed to two separate variables.
我想使用一个输入字段,但是开始日期和结束日期传递给两个单独的变量。
I am using comiseo.daterangepicker please help me. 我正在使用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()
will return an object with start
and end
. $("#inpDatePicker").val()
将返回带有start
和end
的对象。 You can listen to your $("#inpDatePicker")
's change
event to see when to get the values. 您可以收听
$("#inpDatePicker")
的change
事件,以查看何时获取值。
$("#inpDatePicker").daterangepicker({
onChange: function() {
StartDate = $("#inpDatePicker").val().start;
EndDate = $("#inpDatePicker").val().end;
}
}
JQuery Declaration: jQuery声明:
$("#inpDatePicker").daterangepicker({...})
Event Trigger (This goes in after an event is fired): 事件触发器(触发事件后进入):
var range = $("#inpDatePicker").daterangepicker("getRange");
$("#range_start").val(range['start']);
$("#range_end").val(range['end']);
HTML: 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.