如何将daterangepicker中选择的日期范围传递给变量或返回javascript中的输入文本框?
下面我的javascript使用DateRangePicker的预设范围- 我需要将所选的开始和结束日期传递给两个变量StartDate和EndDate,或者将其传递回我的LogiXML输入文本框。我不知道该怎么做。请帮忙 注意:我不想为两个不同的输入字段(from和to)运行daterangepicker逻辑。我想使用一个输入字段,但开始日期和结束日期被传递给两个单独的变量 我正在使用comiseo.daterangepicker,请帮助我如何将daterangepicker中选择的日期范围传递给变量或返回javascript中的输入文本框?,javascript,jquery,daterangepicker,Javascript,Jquery,Daterangepicker,下面我的javascript使用DateRangePicker的预设范围- 我需要将所选的开始和结束日期传递给两个变量StartDate和EndDate,或者将其传递回我的LogiXML输入文本框。我不知道该怎么做。请帮忙 注意:我不想为两个不同的输入字段(from和to)运行daterangepicker逻辑。我想使用一个输入字段,但开始日期和结束日期被传递给两个单独的变量 我正在使用comiseo.daterangepicker,请帮助我 $(document).ready(function
$(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({...})
事件触发器(在触发事件后进入):
HTML:
StartDate返回未定义,并且未填充我的inpDatePicker字段。这里更清晰:我有一个按钮,有两个输入框button=Btnadepicker input=inpStartDate和inpEndDate文本框。日期选择器在btnDatePicker上触发,但我想将各个日期传递给inpStartDate和inpEndDate-换句话说,如果有人选择2014年1月1日至12月21日,则inpStartDate应设置为1月1日,inpEndDate应设置为12月21日。如何传递值?inpStartDate.val($(“#inpDatePicker”).val().start)和类似的代码-我使用comiseo datepicker js,当我使用inpStartDate.val($(“#inpDatePicker”).val().start)时;当我使用$(“#inpStartDate”).val($(“#btnDatePicker”).val().start)时,我得到一个错误$(“#inpEndDate”).val($(“#btnDatePicker”).val().end);它不工作,仍然没有将日期传递到我的输入字段。请帮助。您遇到了什么错误?如果将$(“#inpDatePicker”).val()
输出到控制台,并且看到了日期,那么剩下的问题是将该数据输入到输入字段中。问题是$(“#inpDatePicker”).val()。开始;is undefined start is undefined-start中没有值。当我使用$(“#inpDatePicker”).val()时,我看到了范围,但如何将其解析为两个单独的输入文本框…这就是日期不出现在输入文本框中的问题
var range = $("#inpDatePicker").daterangepicker("getRange");
$("#range_start").val(range['start']);
$("#range_end").val(range['end']);
<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">