jQuery UI是一個基于jQuery庫的用戶界面組件庫，用于實現各種交互效果和可視化控件。其中jQuery UI時間空間（timepicker）是一個方便用戶輸入時間的插件，它支持12小時和24小時表示法、自定義時間格式、分鐘間隔等功能，可以輕松地集成到各種網頁應用程序中。

//引入jQuery和jQuery UI庫
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
//引入jQuery UI時間空間插件的CSS和JS文件
<link rel="stylesheet"  />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.js"></script>
//使用jQuery UI時間空間插件
$(function() {
$('#my-input').datetimepicker({
timeFormat: 'HH:mm:ss', //時間格式
interval: 30, //分鐘間隔
minTime: '10:00', //最小時間
maxTime: '22:00' //最大時間
});
});

使用jQuery UI時間空間插件非常簡單，只需要在HTML表單中添加一個輸入框，然后在JavaScript中使用datetimepicker()方法即可。該方法接受一個配置參數對象，用于指定時間格式、分鐘間隔、最小/最大時間等選項。

對于需要在網頁應用程序中實現時間選擇的場景，jQuery UI時間空間是一個非常實用的工具。它不僅可以提高用戶的體驗，還可以加速開發的效率，為開發人員節省大量的時間和精力。