Bootstrap DatePicker - 将日期设置为明天

Question

我有一个按钮,使用以下代码将datepicker设置为明天:

$("#txtDateOfJourney").datepicker({ startDate: '+1d'});

但它不起作用.

这是一个小提琴演示

有任何想法吗？

Answer 1

您只在datepicker({ startDate: '+1d'})初始化控制器时传入选项(如).由于它已经初始化,您不需要这样做.相反,你想使用该setDate()方法,然后传入明天的javascript日期表示 表示相对日期的字符串,如下所示:

$('#txtDateOfJourney').datepicker('setDate', "+1d");

堆栈片段中的演示

$('#btnTomorrow').click(function() {     
  $('#txtDateOfJourney').datepicker('setDate', "+1d");
});

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.css" rel="stylesheet"/>
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/css/bootstrap-datepicker.css" rel="stylesheet"/>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/js/bootstrap-datepicker.js"></script>

<input type="text" id="txtDateOfJourney" class="datepicker" />
<button type="button" id="btnTomorrow" class="btn btn-info">Tomorrow</button>