如何在 Bootstrap 中設(shè)置時(shí)間

Bootstrap 是一個(gè)流行的前端框架，它提供了一系列用于創(chuàng)建響應(yīng)式網(wǎng)站和應(yīng)用程序的組件。其中包括各種時(shí)間選擇器和日期選擇器組件，可以輕松實(shí)現(xiàn)時(shí)間設(shè)置功能。

使用

最簡(jiǎn)單的設(shè)置時(shí)間的方法是使用 HTML 元素，該元素在 Bootstrap 中得到了支持。

示例：

<label for="time">設(shè)置時(shí)間：</label>
<input type="time" id="time">

這樣，就會(huì)顯示一個(gè)時(shí)間輸入框，用戶可以在其中設(shè)置時(shí)間。

使用 Bootstrap Datepicker

Bootstrap Datepicker 提供了一種更高級(jí)的時(shí)間選擇器，它允許用戶選擇日期和時(shí)間。

<script src="ajax.googleapis/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script src="cdnjs.cloudflare/ajax/libs/&lt;a%20style='color:#f60;%20text-decoration:underline;'%20href=" https: target="_blank">bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script><link rel="stylesheet" href="cdnjs.cloudflare/ajax/libs/bootstrap-datepicker/1.9.0/&lt;a%20style='color:#f60;%20text-decoration:underline;'%20href=" https: target="_blank">css/bootstrap-datepicker.min.css"&gt;

添加 元素：

<label for="datepicker">設(shè)置日期和時(shí)間：</label>
<input type="text" id="datepicker">

初始化 Datepicker：

$('#datepicker').datepicker({
  format: 'yyyy-mm-dd hh:ii'
});

這樣，就會(huì)顯示一個(gè)日期和時(shí)間選擇器，用戶可以在其中選擇所需的時(shí)間。

其他選項(xiàng)

除了上述方法外，設(shè)置時(shí)間的附加選項(xiàng)還包括：

jQuery Timepicker：一個(gè)基于 jQuery 的時(shí)間選擇器插件，提供多種自定義選項(xiàng)。

Bootstrap Timepicker：一個(gè)基于 Bootstrap 的時(shí)間選擇器插件，具有簡(jiǎn)潔的用戶界面。

通過使用 、Bootstrap Datepicker 或其他選項(xiàng)，可以在 Bootstrap 中輕松設(shè)置時(shí)間。這些組件提供了一個(gè)用戶友好的界面，使開發(fā)人員可以輕松地為他們的應(yīng)用程序添加時(shí)間選擇功能。