Bootstrap DatePicker - 将日期设置为明天

Posted 2023-05-07

【中文标题】Bootstrap DatePicker - 将日期设置为明天

【英文标题】：Bootstrap DatePicker - Setting the date to Tomorrow

【发布时间】：2015-05-21 05:22:21

【问题描述】：

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

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

但它不起作用。

Here's a demo in fiddle

有什么想法吗？

【参考方案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 库处理。无论哪种方式，您正在寻找的确切语法都是不可能的，但这会做同样的事情。