Search jQuery

jQuery Forum

How do I get Date Range Picker to pass the selected date to my input text box or a variable?

in Using jQuery Plugins • 8 years ago

My javascript below using preset ranges for DateRangePicker - I need to pass the selected start and end dates to two input boxes in LOGIXML called StartDate and EndDate. 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). I want to use one input field but the start and end dates are passed to two separate variables.

I am using comiseo.daterangepicker js. Please help.

$(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

                        }
                    })
                });

I tried the following script but it didn't give me the results i was hoping for:

$('#inpStartDate,#inpEndDate').daterangepicker({ datepickerOptions : {
numberOfMonths : 2
}
});

The results is:

The results above is NOT what I want to see...I want to see the following:

Start Date: Jan 1, 2014 and End Date: Dec 18, 2014. How do I achieve this?

Replies(3)

jjohnson3..

Re: How do I get Date Range Picker to pass the selected date to my input text box or a variable?

8 years ago

Can someone please help me

watusiware

Re: How do I get Date Range Picker to pass the selected date to my input text box or a variable?

8 years ago

I need to pass the selected start and end dates to two input boxes in LOGIXML called StartDate and EndDate.

I doubt anybody here knows what that is. We can help you with jQuery.

See the documentation:

http://tamble.github.io/jquery-ui-daterangepicker/

var range = $('#inpDatePicker').datarangepicker.getRange();

var startDate = range.start;

var endDate = range.end;

The picker itself uses ONE input field, which it hides. You cannot change that. But you can get the start and end values and put them in your own inputs.

Ashish111

Re: How do I get Date Range Picker to pass the selected date to my input text box or a variable?

6 years ago

Hello,

in this example, in Programmatic control section when I select date ranges from date picker and click on Alert Selected Range then It gives me one date back. For example, If I select range between 3 july to 15 july and click on alert selected range button then it gives me 2nd july to 14th july. can anyone tell me how can I get true selected range?

Top Reply

Response title

Attachments

jQuery Forum

How do I get Date Range Picker to pass the selected date to my input text box or a variable?

Replies(3)

Re: How do I get Date Range Picker to pass the selected date to my input text box or a variable?

Re: How do I get Date Range Picker to pass the selected date to my input text box or a variable?

Re: How do I get Date Range Picker to pass the selected date to my input text box or a variable?

Statistics

Tags

Actions