Bootstrap DatePicker - 将日期设置为明天答案

【问题标题】：Bootstrap DatePicker - Setting the date to TomorrowBootstrap DatePicker - 将日期设置为明天
【发布时间】：2015-05-21 05:22:21
【问题描述】：

我有一个使用以下代码将日期选择器设置为明天的按钮：

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

但它不起作用。

Here's a demo in fiddle

有什么想法吗？

【问题讨论】：

标签： javascript twitter-bootstrap datepicker bootstrap-datepicker

【解决方案1】：

您只在初始化控制器时传入选项（如datepicker({ startDate: '+1d'})）。由于它已经初始化，您不需要这样做。相反，您想使用 setDate() 方法，然后传入 ~~the javascript date representation of tomorrow~~ 表示相对日期的字符串，如下所示：

$('#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>

【讨论】：

感谢凯尔米特！虽然这很有魅力，但我仍然想采用原生方式。 :-) 有什么可能吗？
原生方式是什么意思？这是 bootstrap-datepicker 对象和普通旧 javascript 上的本机方法。
当我说native时，我是指bootstrap能力的native，简而言之，我想让“startDate：'+1d'”工作。希望你能理解。
@DavidR，我更新了答案以解析字符串 +1d 作为 setDate 方法的一部分。尽管这些都不是由 bootstrap 提供的——它们都由 bootstrap-datepicker 库处理。无论哪种方式，您正在寻找的确切语法都是不可能的，但这会做同样的事情。