Skip to main content

Search and Top Navigation

#3543 closed bug (wontfix)

Opened November 06, 2008 08:36AM UTC

Closed November 07, 2008 12:34AM UTC

Last modified October 11, 2012 09:15PM UTC

Multiple inline datepickers, change options of another datepicker, does not redraw/refresh

Reported by: robin Owned by: grabanski
Priority: minor Milestone:
Component: ui.datepicker Version: 1.6rc2
Keywords: Cc:
Blocked by: Blocking:

An expansion to ticket #3159

Consider 2 inline datepickers:

<script src="../media/js/jquery.js" type="text/javascript"></script>

<script src="../media/js/ui.datepicker.min.js" type="text/javascript"></script>

<link href="../media/css/ui.datepicker.css" type="text/css" rel="stylesheet"></script>

<input id="start" /><div id="start_div"></div>

<input id="end" /><div id="end_div"></div>






var min_date=new Date(new Date($('#start').val()).getTime()+1*24*60*60*1000) //+1 day











Select a date from the start calendar and then the end calendar seems to have its ''minDate'' property updated, BUT does not redraw to show the changes UNLESS you click a date on the end calendar.

Should the redraw be automatic? Or is there a function to refresh it manually $.datepicker._refreshDatepicker($('#end_div')) //which doesn't work ?

Attachments (0)
Change History (3)

Changed November 07, 2008 12:34AM UTC by kbwood comment:1

resolution: → wontfix
status: newclosed

Use the 'change' command to change the datepicker settings instead of data(), i.e. $('#end_div').datepicker('change', {minDate: min_date}).

Also see the 'Another Date Range' example on the datepicker functional demos page for a synchronised date range across two input fields.

Changed November 07, 2008 02:07AM UTC by robin comment:2

'change' command, as your example demonstrates, works. The other datepicker redraws automatically. Thank you.

Changed October 11, 2012 09:15PM UTC by scottgonzalez comment:3

milestone: TBD

Milestone TBD deleted