<input class="span10" name="showStartDate" id="showStartDate" value="<fmt:formatDate value="${showProject.showStartDate}" pattern="yyyy-MM-dd"/>" type="text" data-date-format="yyyy-mm-dd" readonly="readonly" style="width:88px;" placeholder="開始日期" title="開始日期"/>- <input class="span10" name="showEndDate" id="showEndDate" value="<fmt:formatDate value="${showProject.showEndDate}" pattern="yyyy-MM-dd"/>" type="text" data-date-format="yyyy-mm-dd" readonly="readonly" style="width:88px;" placeholder="結束日期" title="結束日期"/>
var nowTemp = new Date(); var now = new Date(nowTemp.getFullYear()-1, nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0); var isfirst=true; var checkin = $('#showStartDate').datepicker({ onRender: function(date) { return date.valueOf() < now.valueOf() ? 'disabled' : ''; } }).on('changeDate', function(ev) { if (ev.date.valueOf() > checkout.date.valueOf()||isfirst) { var newDate = new Date(ev.date) newDate.setDate(newDate.getDate() + 1); checkout.setValue(newDate); isfirst=false; } checkin.hide(); $('#showEndDate')[0].focus(); }).data('datepicker'); var checkout = $('#showEndDate').datepicker({ onRender: function(date) { return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : ''; } }).on('changeDate', function(ev) { checkout.hide(); }).data('datepicker');