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: |
Description
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>
<script>
$(document).ready(function(){
$('#start_div').datepicker({
onSelect:function(input_val){
$('#start').val(input_val)
var min_date=new Date(new Date($('#start').val()).getTime()+1*24*60*60*1000) //+1 day
$('#end_div').data('minDate.datepicker',min_date)
}
})
$('#end_div').datepicker({
onSelect:function(input_val){
$('#end').val(input_val)
}
})
})
</script>
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 comment:1
resolution: | → wontfix |
---|---|
status: | new → closed |
Changed November 07, 2008 02:07AM UTC by comment:2
'change' command, as your example demonstrates, works. The other datepicker redraws automatically. Thank you.
Changed October 11, 2012 09:15PM UTC by comment:3
milestone: | TBD |
---|
Milestone TBD deleted
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.