JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
在使用 jQuery EasyUI 创建日历选择器时,你可以使用 easyui-datetimebox
组件并设置其 spinner
属性为 false
来禁用微调控制器。以下是一个简单的实例代码:
HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.min.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
</head>
<body>
<input class="easyui-datetimebox" id="calendar" spinner="false" style="width:200px;">
</body>
</html>
JavaScript:
$(function(){
$('#calendar').datetimebox({
showSeconds:false
});
});
这段代码创建了一个日历选择器,用户可以通过点击输入框旁边的日历图标选择日期,但不能使用微调控制器直接输入或调整日期。
评论已关闭