一、jquery 时间选择器插件介绍
jquery 时间选择器插件是一个快速、灵活、跨浏览器的日期时间选择器插件，依赖于 jquery 库，具有自适应、易扩展、样式优美等特点。其使用方式简单，支持多种语言，可高度定制化，并且提供了丰富的事件回调函数。开发者只需引入相关 js、css 文件并简单调用即可实现时间选择控件。目前，jquery 时间选择器插件有多个版本，本文引用的是版本号为 2.1.9 的插件。
二、jquery 时间选择器插件的使用
引入相关文件首先，需要在 html 文件的 head 标签中引入 jquery 库和 jquery 时间选择器插件的相关 js、css 文件。
<head> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/jquery-timepicker/2.1.9/jquery.timepicker.min.js"></script> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/jquery-timepicker/2.1.9/jquery.timepicker.min.css"></head>
html 页面布局接着，在页面中添加一个 input 标签作为时间选择器的容器。
<input type="text" class="timepicker" />
其中，class 属性值为 timepicker，表示这个 input 标签是一个时间选择器。
初始化插件调用 jquery 时间选择器插件的 timepicker() 方法来初始化时间选择器。
$(document).ready(function() { $('.timepicker').timepicker();});
其中，ready() 方法是用来确保文档已经完全加载后再执行 javascript 代码。timepicker() 方法用于初始化时间选择器，它具有各种可选参数，可以进行高度定制化。
高级功能使用除了基本的时间选择外，jquery 时间选择器插件还提供了许多高级功能，如设置时间格式、设置分钟间隔、添加时间限制、更改语言等。下面，将分别介绍这些常用功能的实现。
（1）设置时间格式
通过设置 format 属性，可以设置时间选择器的格式。格式化选项可以包括日期格式、时间格式、初始时间（如果要显示初始时间，则需要设置对应时间）。
$(function() { $("#timepicker").timepicker({ timeformat: "hh:mm:ss", dateformat: "yy-mm-dd", datetimeformat: "yy-mm-dd hh:mm:ss", initialvalue: "09:00" });});
上面代码设置了时间选择器的时间格式为“hh:mm:ss”，日期格式为“yy-mm-dd”，日期时间格式为“yy-mm-dd hh:mm:ss”，初始时间为“09:00”。
（2）设置分钟间隔
通过设置 step 属性，可以设置时间选择器的分、秒间隔，以 15 分钟为例：
$(function() { $("#timepicker").timepicker({ step: 15 * 60 // 单位为秒 });});
上面代码设置了时间选择器的分钟间隔为 15 分钟。
（3）添加时间限制
通过设置 mintime 和 maxtime 属性，可以限制时间选择器的时间范围，以 9:00 到 17:00 为例：
$(function() { $("#timepicker").timepicker({ mintime: "9:00", maxtime: "17:00" });});
上面代码设置了时间选择器的最早时间为 9:00，最晚时间为 17:00。
（4）更改语言
通过设置语言包，可以更改时间选择器的语言。
$(function() { $("#timepicker").timepicker({ timeformat: "hh:mm", lang: "zh" });});
上面代码设置了时间选择器的时间格式为“hh:mm”，语言为中文。
三、总结
本文介绍了如何使用 jquery 时间选择器插件来实现时间选择控件。通过引入相关文件、添加 html 页面布局和初始化插件等简单步骤，就可以快速地创建一个美观实用的时间选择器。此外，通过设置时间格式、分钟间隔、时间限制和语言包等高级功能，可以进一步定制化时间选择器。因此，对于开发时间选择器的开发者而言，学习使用 jquery 时间选择器插件是十分必要的一项技能。
以上就是如何用jquery选择时间控件的详细内容。