I am using the Bootstrap Datepicker plugin by eyecon, found here - http://www.eyecon.ro/bootstrap-datepicker/
I am attempting to use the onRender event to disable many dates from being chosen. I need to disable all dates that are after today (future dates) for the Checkin and Checkout. The Checkout also needs any dates equal to or before the Checkin disabled too. The Checkin works perfectly, although the Checkout is not working at all.
Pretty sure the problem is me not returning the value correctly, because my logic seems fine.
Here's my attempt, using the code from the example off the Datepicker website:
HTML:
Check in: <input type="text" class="span2" value="" id="dpd1"></input> Check out: <input type="text" class="span2" value="" id="dpd2"></input> JS:
var nowTemp = new Date(); var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0); var checkin = $('#dpd1').datepicker({ onRender: function (date) { return date.valueOf() < now.valueOf() ? 'disabled' : ''; } }).on('changeDate', function (ev) { if (ev.date.valueOf() > checkout.date.valueOf()) { var newDate = new Date(ev.date) newDate.setDate(newDate.getDate() + 1); checkout.setValue(newDate); } checkin.hide(); $('#dpd2')[0].focus(); }).data('datepicker'); var checkout = $('#dpd2').datepicker({ onRender: function (date) { return (date.valueOf() > now.valueOf()) && (date.valueOf() <= checkin.date.valueOf()) ? 'disabled' : ''; } }).on('changeDate', function (ev) { checkout.hide(); }).data('datepicker'); 
