0

下面我的 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

                        }
                    })
                });
4

2 回答 2

0

$("#inpDatePicker").val()将返回一个带有startand的对象end。您可以收听$("#inpDatePicker")'schange事件以查看何时获取值。

$("#inpDatePicker").daterangepicker({
  onChange: function() {
    StartDate = $("#inpDatePicker").val().start;
    EndDate = $("#inpDatePicker").val().end;
  }
}
于 2014-12-19T22:58:53.693 回答
0

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">
于 2015-08-12T20:43:03.150 回答