。
在onclick事件中,我们可以使用jQuery UI DateTime选择器来重置时间为12:00。以下是一个示例代码:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<input type="text" id="datetimepicker" onclick="resetTime()">
<script>
$(function() {
$("#datetimepicker").datetimepicker();
});
function resetTime() {
var currentDate = new Date();
currentDate.setHours(12);
currentDate.setMinutes(0);
currentDate.setSeconds(0);
$("#datetimepicker").datetimepicker("setDate", currentDate);
}
</script>
</body>
</html>
在上面的代码中,我们首先引入了jQuery和jQuery UI的库文件。然后,在文本框的onclick事件中调用了resetTime()函数。在resetTime()函数中,我们创建了一个当前日期对象,并将时间设置为12:00。最后,我们使用datetimepicker("setDate", currentDate)方法将选择器的日期设置为重置后的日期。
这样,当用户点击文本框时,Jquery UI DateTime选择器将被重置为12:00。
推荐的腾讯云相关产品:腾讯云服务器(CVM)和腾讯云数据库(TencentDB)。
产品介绍链接地址:腾讯云服务器(CVM)
产品介绍链接地址:腾讯云数据库(TencentDB)
领取专属 10元无门槛券
手把手带您无忧上云