推荐项目：jQuery DateTimePicker —— 精美易用的日期时间选择插件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery DateTimePicker Example</title>
<link rel="stylesheet" href="jquery.datetimepicker.css">
<script src="jquery.js"></script>
<script src="jquery.datetimepicker.js"></script>
<script>
$(function(){
$('#datetimepicker').datetimepicker({
format: 'Y-m-d H:i',
timepicker: true,
step: 30
});
});
</script>
</head>
<body>
<input type="text" id="datetimepicker" />
</body>
</html>这个例子展示了如何在一个HTML页面中集成jQuery DateTimePicker插件。首先，在<head>标签中包含了必要的样式表和JavaScript文件。然后，在<body>中添加了一个<input>元素，并为其指定了一个ID。最后，在页面加载完成后，通过jQuery DateTimePicker的初始化代码来设置日期时间选择器。这个例子设置了日期和时间的格式、启用时间选择功能以及时间的步进为30分钟。
评论已关闭