jQuery weui 时间选择器datetimepicker只用年月日
要在jQuery WeUI的日期时间选择器(datetimepicker)中只使用年月日,你需要设置format
选项为YYYY-MM-DD
,并且确保startView
至少是2
(即月视图),以确保只能选择日期而不是时间。
以下是实现这一功能的示例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery WeUI Date Picker Example</title>
<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/1.1.2/weui.min.css">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"></script>
</head>
<body>
<input id="datepicker" class="weui-input" type="text" value="">
<script>
$(function() {
$('#datepicker').datetimePicker({
title: '选择日期',
format: 'YYYY-MM-DD',
startView: 2,
minView: 2,
onSelect: function(date) {
console.log('Selected Date: ' + date);
}
});
});
</script>
</body>
</html>
在这个例子中,datetimePicker
被初始化为只允许选择年月日,并且在用户选择日期后,会在控制台打印出选择的日期。请确保你的页面中已经正确引入了jQuery WeUI的CSS和JS文件。
评论已关闭