jQuery Mobile 是一個(gè)基于jQuery框架的移動應(yīng)用UI庫，可在Web應(yīng)用程序中使用HTML5和CSS3的強(qiáng)大功能。其中包括時(shí)間插件，讓用戶能夠選擇日期和時(shí)間。

要使用時(shí)間插件，首先需要在HTML文件頭部添加以下代碼：

<link rel="stylesheet" >
<script src="https://cdn.staticfile.org/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/jquery-mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

接下來，在HTML文件中添加一個(gè)input元素，并將type屬性設(shè)置為“datetime-local”：

<input type="datetime-local" name="date" id="date">

最后，使用以下JavaScript代碼來初始化時(shí)間插件：

$(document).on('pageinit', function(){
$('#date').mobiscroll().datetime({
theme: 'android-ics light',
mode: 'scroller',
display: 'modal',
dateFormat: 'yy-mm-dd', 
timeFormat: 'HH:ii',
timeWheels: 'HHii',
minDate: new Date(2010, 2, 10, 9, 22),
maxDate: new Date(2020, 6, 30, 15, 44),
stepMinute: 30
});
});

以上代碼中，mobiscroll()方法用于啟動時(shí)間插件，而datetime()方法則用于配置時(shí)間插件的各種選項(xiàng)。你可以根據(jù)自己的需求來更改這些選項(xiàng)，例如更改主題、日期格式、時(shí)間格式、分鐘間隔等。還可以設(shè)置最小日期和最大日期，防止用戶選擇不合適的日期。

通過以上步驟，你已經(jīng)成功地添加了一個(gè)時(shí)間插件并配置了它的選項(xiàng)，現(xiàn)在用戶就可以方便地選擇日期和時(shí)間了。