Response title
This is preview!
// <checkin-checkout gkk> $( ".checkin" ).attr( 'autocomplete', 'off'); $( ".checkout" ).attr( 'autocomplete', 'off'); var dates = $( ".checkin, .checkout" ).datepicker({ /* CHECKIN & CHECKOUT by GKK usage: class must be checkin and checkout id must be checkin_123 and checkout_123 hidden field id must be checkinhidden_123 and checkouthidden_123 From: <input type="text" id="checkin_publish" class="checkin" name="publishFrom_cal" style="width:110px;" /> <input type="hidden" name="publishFrom" id="checkinhidden_publish" /> To: <input type="text" id="checkout_publish" class="checkout" name="publishTo_cal" style="width:110px;" /> <input type="hidden" name="publishTo" id="checkouthidden_publish" /> */ defaultDate: "+1w", changeMonth: false, numberOfMonths: 2, dateFormat : 'd M, yy', minDate: 0, defaultMinDate: 0, maxDate: +365, onSelect: function( selectedDate ) { var date=''; var date2=''; var otherid=''; if(this.id.indexOf('checkin')!=-1){ $( this ).datepicker( "option", 'minDate', $( this ).datepicker( "option", 'defaultMinDate') ); var otherid=this.id.replace(/checkin_/,'checkout_'); instance = $( this ).data( "datepicker" ); var date = $.datepicker.parseDate( instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings ); var date2 = new Date(date.getFullYear(),date.getMonth(),date.getDate() + 1); $( '#'+otherid ).datepicker( "option", 'minDate', date2 ); } }, onClose: function( selectedDate ) { var tmpdate=$('#'+this.id).datepicker ("getDate" ); if(!tmpdate) return; var tmpd=tmpdate.getDate(); var tmpm=tmpdate.getMonth() +1; var tmpy=tmpdate.getFullYear(); if(this.id.indexOf('checkin')!=-1){ var hiddenid=this.id.replace(/checkin_/,'checkinhidden_'); var otherid=this.id.replace(/checkin_/,'checkout_'); $("#"+hiddenid).val( tmpy+'-'+tmpm+'-'+tmpd ); $( "#"+otherid).focus(); }else{ var hiddenid=this.id.replace(/checkout_/,'checkouthidden_'); $("#"+hiddenid).val( tmpy+'-'+tmpm+'-'+tmpd ); $("select[name='adults']").effect("highlight",{ },2000); } $(this).change(); } }); // </checkin-checkout gkk>
thanks to turbosito.com
© 2013 jQuery Foundation
Sponsored by and others.