简介
tempusdominus-bootstrap-4 是一个基于 Bootstrap 4 的日期和时间选择器插件，它提供了丰富的选项和可自定义的样式。本文将介绍如何使用 npm 包管理器安装和使用该插件。
安装
首先需要确保已经安装 Node.js 和 npm 包管理器。打开终端并输入以下命令安装 tempusdominus-bootstrap-4：
--- ------- ------------------------- ------
这将会安装 tempusdominus-bootstrap-4 并将其添加到项目的 package.json 文件中。
使用
要在网页上使用 tempusdominus-bootstrap-4，需要引入相关的 CSS 和 JavaScript 文件，并在页面中添加 HTML 元素以作为选择器的容器。以下是一个简单的示例：
--------- -----
------
------
----- ----------------
----- ---------------- --------------------------------------------------------------------------------------------
-------
------
---- -------------------
------ ------------------------------------
---- ------------------ ----- ------------------- ----------------------------
------ ----------- ------------------- --------------------- -------------------------------
---- -------------------------- ----------------------------- -----------------------------
---- --------------------------- --------- -----------------------
------
------
------
------- -------------------------------------------------------
------- ------------------------------------------------------
------- -------------------------------------------------------------------------------------------------
--------
---------- -- -
--------------------------------------
---
---------
-------
-------首先引入 tempusdominus-bootstrap-4 的 CSS 文件，然后添加一个包含 id 属性的 div 元素作为日期和时间选择器的容器。在 JavaScript 中，使用 jQuery 选择该元素并调用 datetimepicker() 方法以初始化选择器。
配置
tempusdominus-bootstrap-4 提供了多种配置选项，可以用来自定义选择器的行为和样式。以下是一些常用的选项：
format：指定日期和时间的格式，默认值为"MM/DD/YYYY HH:mm:ss"。更多格式化选项请参考 moment.js 文档。icons：指定选择器中图标的 HTML 代码。默认值为：
- ----- --- ---------- ----- --- ------------- --- --- --------------- ----- --- ----------------- --------- --- ----------------- ----- --- ------------------ ------ --- --------------------- ------ --- ---------- ------ --- --------- -
useCurrent：指定选择器初始化时所显示的日期和时间。默认为true，使用当前日期和时间；如果设置为false，则不显示任何日期和时间。locale：指定语言环境。默认值为英语，可设置为其他语言。如需使用中文，可以下载 moment.js 的中文语言包 并添加到项目中。
以下是一个示例配置：
-------------------------------------
------- ------------ -------
------ -
----- ---- ----------
----- ---- -----------------
--- ---- ---------------
----- ---- -----------------
--------- ---- -----------------
----- ---- ------------------
------ ---- -------------------
------ ---- --------------
------ ---- ----------------
--
----------- ------
------- -
----------------------------------------------------------- ----------
---------------------------------------------------------------------------------------