如何將在daterangepicker中選擇的日期范圍傳遞給變量或返回到javascript中的輸入文本框？

Question

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

                        }
                    })
                });

Answer 1

$("#inpDatePicker").val()將返回帶有start和end的對象。 您可以收聽$("#inpDatePicker")的change事件，以查看何時獲取值。

$("#inpDatePicker").daterangepicker({
  onChange: function() {
    StartDate = $("#inpDatePicker").val().start;
    EndDate = $("#inpDatePicker").val().end;
  }
}

Answer 2

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