bootstrap-datepicker 開始時間 結束時間

<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');
相關文章
相關標籤/搜索