Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将daterangepicker中选择的日期范围传递给变量或返回javascript中的输入文本框?_Javascript_Jquery_Daterangepicker - Fatal编程技术网

如何将daterangepicker中选择的日期范围传递给变量或返回javascript中的输入文本框?

如何将daterangepicker中选择的日期范围传递给变量或返回javascript中的输入文本框?,javascript,jquery,daterangepicker,Javascript,Jquery,Daterangepicker,下面我的javascript使用DateRangePicker的预设范围- 我需要将所选的开始和结束日期传递给两个变量StartDate和EndDate,或者将其传递回我的LogiXML输入文本框。我不知道该怎么做。请帮忙 注意:我不想为两个不同的输入字段(from和to)运行daterangepicker逻辑。我想使用一个输入字段,但开始日期和结束日期被传递给两个单独的变量 我正在使用comiseo.daterangepicker,请帮助我 $(document).ready(function

下面我的javascript使用DateRangePicker的预设范围- 我需要将所选的开始和结束日期传递给两个变量StartDate和EndDate,或者将其传递回我的LogiXML输入文本框。我不知道该怎么做。请帮忙

注意:我不想为两个不同的输入字段(from和to)运行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({...})
事件触发器(在触发事件后进入):

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">