如何使用 datetimepicker 库设置 Bootstrap Timepicker？

在本文中，我们将看到如何使用 Bootstrap Dateerpicker 插件实现 DateTimePicker 以使用 jQuery 选择日期和时间。默认情况下，选择今天的日期。 DateTimePicker 具有各种可配置的选项，可用于根据要求使用 DateTimePicker。在本教程中，我们将看到如何使用 Bootstrap DateTimePicker 插件来实现 DateTimePicker 以选择日期和时间。

DateTimePicker 有以下视图：

• 十年观
• 年视图
• 月视图
• 日视图
• 小时视图
• 与子午线的天视图
• 带子午线的小时视图

DateTimePicker 可以通过以下方式格式化：

• yyyy-mm-dd
• yyyy-mm-dd hh:ii
• yyyy-mm-ddThh:ii
• yyyy-mm-dd hh:ii:ss
• yyyy-mm-ddThh:ii:ssZ

日期时间选择器格式： 默认格式是字符串“mm/dd/yyyy”。

Format	Description	Example (6/7/2021 06:02:09)
d	Displays day of the month without leading zeros	6
dd	Displays day of the month	Fr
M	Displays month without leading zeros	7
MM	Displays month with leading zeros	07
YY	Displays year in 2-digit format-	21
YYYY	Displays year in 4-digit format	2021
a	Displays meridian in lowercase	am
A	Displays meridian in uppercase	AM
s	Displays seconds without leading zeros	9
ss	Displays seconds with leading zeros	09
m	Displays minutes without leading zeros	2
mm	Displays minutes with leading zeros	02
h	Displays an hour without leading zeros in a 24-hour format	18
hh	Displays hour with leading zeros in a 24-hour format	18

设置日期时间选择器：

第 1 步：在所有其他样式表之前将 Bootstrap 和 jQuery CDN 包含到您的 中以加载我们的 CSS。

 
 

第 2 步：在 Bootstrap CSS CDN 之后包含 DateTimePicker JS 和 CSS CDN。

第 3 步：在 中包含以下代码以接受用户的时间。

注意： DateTimePicker 组件应始终放置在相对定位的容器中。

第 4 步：在 标记之后的                                                  

        

                                    

    

        

---