Search jQuery

jQuery Forum

Access each date from jQuery UI Datepicker (date range)

in Developing jQuery UI • 11 years ago

Hi all,

I'm using the UI datepicker to select a date range (per $('#fromdate', '#todate')) and want to be able to break apart the each selected date (from & to) into its constituent parts (DD, MM, YYYY) and then assign those values to hidden input fields.

Everything I've tried so far is either not returning the desired results and/or breaking the datepicker. Does anyone have any quick approaches to this or can point me in the right direction?

Thanks in advance.

Replies(1)

kbwood.au

Re: Access each date from jQuery UI Datepicker (date range)

11 years ago

Try this (assuming the default dateFormat):

$(function() {
var dates = $('#from,#to').datepicker({onSelect: function(dateStr) {
var option = this.id == 'from' ? 'minDate' : 'maxDate';
dates.not(this).datepicker('option', option, $(this).datepicker('getDate'));
var parts = dateStr.split('/');
$('#' + this.id + 'Month').val(parts[0]);
$('#' + this.id + 'Day').val(parts[1]);
$('#' + this.id + 'Year').val(parts[2]);
}});
});
<input type="text" id="from"> to <input type="text" id="to">
<input type="hidden" id="fromMonth"><input type="hidden" id="fromDay"><input type="hidden" id="fromYear">
<input type="hidden" id="toMonth"><input type="hidden" id="toDay"><input type="hidden" id="toYear">

Top Reply

Response title

Attachments

jQuery Forum

Access each date from jQuery UI Datepicker (date range)

Replies(1)

Re: Access each date from jQuery UI Datepicker (date range)

Statistics

Tags

Actions