使用 datetimepicker 库设置 Bootstrap 时间选择器

在本节中，我们将使用我们的 php 应用程序或 html 来添加时间选择器。在上一节中，我们学习了日期选择器插件来管理日期，但很多时候我们的用户不仅想选择日期，还想选择时间。但幸运的是，我们的开发人员成功地找到了它，并为 Bootstrap 框架添加了许多有用的功能。其中一项功能允许我们同时使用 DateTimePicker 选择时间和日期。

如果我们只想通过复制粘贴代码来找到时间选择器，以下代码将对我们有所帮助。以下代码显示了找到时间选择器的完整代码。如果我们想使用此代码，则无需安装任何东西。如果我们想找到时间选择器，我们必须使用非常流行的库，即 datetimepicker 库。使用此库，我们还可以设置日期选择器。此库用于启用输入字段以输入日期和时间。

如果我们想选择日期和时间，此库将非常有用，因为它提供了一种非常用户友好的方式。如果我们的应用程序使用 Bootstrap 框架，并且我们想在我们的输入字段中添加 DateTimePicker，我们可以通过使用 Bootstrap DateTimePicker 的 jQuery 插件轻松添加它。借助 bootstrap DateTimePicker 插件的帮助，我们可以通过 jQuery 轻松地在表单的输入元素中添加 DateTimePicker。为了从我们网站的表单字段中选择日期和时间，此插件将为我们提供一个即时解决方案，以添加 datetimepicker 的弹出窗口。用户可以使用 DateTimePicker 下拉列表进行选择，只需单击一下，他们就可以轻松获得小时、分钟、年份、月份、日期、秒等。

使用 datetimepicker，我们不必手动输入输入字段来查找日期和时间。我们将使用 Datetimepicker 对话框并选择日期和时间。如果我们的代码需要构建时间选择器和日期选择器，我们可以通过使用 datetimepicker 库来设置它们。在我们的示例中，我们设置了“HH:mm”格式，这是我们的自定义格式。如果我们想添加另一种格式，例如“HH:mm:ss”，我们也可以这样做。

示例

当我们执行上面的代码时，我们将看到以下输出