2014-02-26 23 views
0

我正在嘗試使用引導日期選擇器來創建日曆,該日曆允許用戶從今天開始24小時後選擇一天。我看到這個問題發佈在SO之前,但是當我嘗試解決方案建議它不適合我。該日曆的方式,但它仍然允許用戶過去選擇日期:在Datepicker上設置startDate

<div class="row"> 
    <div class="input-group date" id="dp3" data-date="" data-date-format="mm-dd-yyyy"> 
     <input class="form-control" name="schedule_pickup_date" type="text" value=""> 
     <span class="input-group-addon btn-primary" style="background-color: #0590e3;"> 
      <i class="fa fa-calendar fa-1x white"></i> 
     </span> 
    </div> 
</div> 

<script src="js/bootstrap-datepicker.js"></script> 
<script> 
    $(document).ready(function() { 

     $('#dp3').datepicker({ 
      startDate: '+1d' 
     }); 
    }); 
</script> 

出於某種原因,它看起來像我無法設置withing的$(「#DP3」)任何選項日期選擇器()功能。

JsFiddle

回答

1

您設置的startDate,但不minDate

minDate: '+1d' 

你儘管叫錯元素日期選擇器,你的代碼改成這樣:

$('input[name="schedule_pickup_date"]').datepicker({ 
    startDate: '+1d', 
    minDate: '+1d' 
}); 

FIDDLE

+0

只是改變了它,同樣的事情...出於某種原因的代碼似乎並不以識別我在$('#dp3')內設置的任何選項。datepicker({}) – Danconia

+1

我更新了我的答案。另外,確保你包含jQuery,並且jQuery UI – Tomanow

+0

仍然不起作用。包括jQuery,日曆工作除了不允許選擇過去的日子 - 這裏是小提琴 - http://jsfiddle.net/X4xxP/ – Danconia