diff options
| -rw-r--r-- | demos/datepicker/date-range.html | 43 |
1 files changed, 28 insertions, 15 deletions
diff --git a/demos/datepicker/date-range.html b/demos/datepicker/date-range.html index 34c64a9b2..8d606969c 100644 --- a/demos/datepicker/date-range.html +++ b/demos/datepicker/date-range.html @@ -11,22 +11,35 @@ <link rel="stylesheet" href="../demos.css"> <script> $(function() { - $( "#from" ).datepicker({ - defaultDate: "+1w", - changeMonth: true, - numberOfMonths: 3, - onClose: function( selectedDate ) { - $( "#to" ).datepicker( "option", "minDate", selectedDate ); - } - }); - $( "#to" ).datepicker({ - defaultDate: "+1w", - changeMonth: true, - numberOfMonths: 3, - onClose: function( selectedDate ) { - $( "#from" ).datepicker( "option", "maxDate", selectedDate ); + var dateFormat = "mm/dd/yy", + from = $( "#from" ) + .datepicker({ + defaultDate: "+1w", + changeMonth: true, + numberOfMonths: 3 + }) + .on( "change", function() { + to.datepicker( "option", "minDate", getDate( this ) ); + }), + to = $( "#to" ).datepicker({ + defaultDate: "+1w", + changeMonth: true, + numberOfMonths: 3 + }) + .on( "change", function() { + from.datepicker( "option", "maxDate", getDate( this ) ); + }); + + function getDate( element ) { + var date; + try { + date = $.datepicker.parseDate( dateFormat, element.value ); + } catch( error ) { + date = null; } - }); + + return date; + } }); </script> </head> |