Bootstrap 是一套流行的前端框架，提供了丰富的 UI 组件和工具，能够快速构建美观、响应式的 Web 应用。其中，Bootstrap DatePicker 是一个常用的日期选择组件，可以方便地让用户在网页上选择日期。
在默认情况下，Bootstrap DatePicker 会显示当前日期，也就是今天。这个功能很实用，因为对于大多数 Web 应用而言，用户需要选择的日期往往都是最近的日期。
如何使用 Bootstrap DatePicker？
在使用 Bootstrap DatePicker 之前，需要引入相应的 CSS 和 JavaScript 文件。可以通过 CDN 或者下载本地文件的方式引入。在 HTML 中添加一个文本框，然后通过 JavaScript 初始化 DatePicker 即可。
以下是一个简单的示例代码：
--------- -----
------
------
---------------- ---------- ----------
----- ---------------- -------------------------------------------------------------------------------
----- ---------------- -----------------------------------------------------------------------------------------------------
-------
------
---- ------------------
------------- ---------- -------
---- -------------------
------ ------------------------------
------ ----------- --------------- ---------------------
------
------
------- ----------------------------------------------------------------------------
------- --------------------------------------------------------------------------------------------
------- -----------------------------------------------------------------------------------------------------------
--------
------------ -
------------------------------
---
---------
-------
-------在上面的代码中，我们先引入了 Bootstrap、jQuery 和 DatePicker 的 CSS 和 JavaScript 文件。然后，在文本框中添加了一个 ID 为 datepicker，最后通过 jQuery 初始化了 DatePicker。
如何设置默认日期？
如果想要改变 DatePicker 的默认日期，只需要在初始化时传入一个日期即可。例如，以下代码将默认日期设置为明天：
------------ -
--- -------- - --- -------
----------------------------------- - ---
-----------------------------
---------- --------
---
---在上面的代码中，我们首先获取了明天的日期对象，然后将其传给 DatePicker 的 startDate 选项。这样，DatePicker 就会显示明天的日期作为默认日期。
除了使用 JavaScript 设置默认日期外，DatePicker 还提供了许多其他选项，可以根据实际需求进行配置。例如，可以设置可选日期范围、语言、主题等等。
总结
Bootstrap DatePicker 是一个方便易用的日期选择组件，可以帮助我们快速构建 Web 应用。默认情况下，DatePicker 显示的是今天的日期，但我们也可以通过设置选项来改变默认日期。如果需要更多的功能，可以查看官方文档进行学习。
希望这篇文章对大家有所帮助！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/24366