,可以通过以下步骤实现:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="path/to/timepicker.css">
<script src="path/to/timepicker.js"></script>
<input type="text" id="timepicker" readonly>
$(document).ready(function() {
$('#timepicker').timepicker({
timeFormat: 'HH:mm', // 设置时间格式
showSecond: false, // 是否显示秒
showMillisec: false, // 是否显示毫秒
showMicrosec: false, // 是否显示微秒
showTimezone: false, // 是否显示时区
onSelect: function(time) {
// 选择时间后的回调函数
console.log('选择的时间是:', time);
}
});
});
$('#timepicker').val(''); // 清空时间
$('#timepicker').timepicker('setTime', '12:00'); // 设置新的时间
以上代码中,第一行清空了时间输入框的值,第二行设置了新的时间为12:00。
总结:
Jquery时间选择器插件是一个方便的工具,可以帮助用户选择时间。通过初始化插件并设置相关参数,可以实现时间的选择和展示。如果需要删除时间并添加新时间,可以通过清空时间输入框的值和设置新的时间来实现。
推荐的腾讯云相关产品:腾讯云服务器(CVM),腾讯云数据库(TencentDB),腾讯云对象存储(COS)。
领取专属 10元无门槛券
手把手带您无忧上云