$(function() { // Datepicker var dates = $( "#from, #to" ).datepicker({ dateFormat: 'dd/mm/yy', showButtonPanel: true, closeText: 'X', prevText: 'Previous', minDate: 0, defaultDate: "+1w", changeMonth: true, numberOfMonths: 3, showAnim: 'show', duration: 'slow', showOn: "both", buttonImage: "css/images/calendar.gif", buttonText: 'Choose Date', buttonImageOnly: true, onSelect: function( selectedDate ) { var option = this.id == "from" ? "minDate" : "maxDate", instance = $( this ).data( "datepicker" ); date = $.datepicker.parseDate( instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings ); dates.not( this ).datepicker( "option", option, date ); }, // get price from server on datepicker close and reload the regarding list onClose: function() { setAjaxOptions(); reloadTabPane($('#tabs').tabs('option', 'selected')); } }); // lower the icon a little bit dates.each(function() { $(this).next().css({ 'position' : 'relative', 'top' : '2px' }); }); // Timepicker });