Jquery Easyui日历组件Calender使用详解（23）
#代码知识 发布时间： 2026-01-11
本文实例为大家分享了Jquery Easyui日历组件的实现代码，供大家参考，具体内容如下
加载方式
Class加载
<div id="box" class="easyui-calendar" style="width:200px;height:200px;"></div>
JS调用加载
<div id="box"></div>
<script>
$(function () {
//JS 加载调用
$('#box').calendar({
});
});
</script>
属性列表
<script>
$(function () {
//JS 加载调用
$('#box').calendar({
width : 200,
height : 200,
fit : false,
border : false,
firstDay : 0,
weeks : ['S','M','T','W','T','F','S'],
months : ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug',
'Sep', 'Oct', 'Nov', 'Dec'],
year : 2016,
month : 6,
current : new Date(2016,12,17),
});
});
</script>
事件列表
<script>
$(function () {
//JS 加载调用
$('#box').calendar({
width : 200,
height : 200,
onSelect : function (date) {
alert(date.getFullYear() + ":" + (date.getMonth() + 1) + ":"
+ date.getDate());
},
onChange : function (newDate, oldDate) {
alert(newDate + '|' + oldDate);
},
});
});
</script>
方法列表
//返回属性对象
console.log($('#box').calendar('options'));
//调整日历大小
$('#box').calendar('resize');
//移动到指定日期
$('#box').calendar('moveTo', new Date(2015,1,1));
//可以使用$.fn.calendar.defaults 重写默认值对象。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
代码知识SEO上一篇 : python虚拟环境virualenv的安装与使用
下一篇 : Jquery Easyui自定义下拉框组件使用详解（21）
-
SEO外包最佳选择国内专业的白帽SEO机构，熟知搜索算法，各行业企业站优化策略！
SEO公司
-
可定制SEO优化套餐基于整站优化与品牌搜索展现，定制个性化营销推广方案！
SEO套餐
-
SEO入门教程多年积累SEO实战案例，从新手到专家，从入门到精通，海量的SEO学习资料！
SEO教程
-
SEO项目资源高质量SEO项目资源，稀缺性外链，优质文案代写，老域名提权，云主机相关配置折扣！
SEO资源
-
SEO快速建站快速搭建符合搜索引擎友好的企业网站，协助备案，域名选择，服务器配置等相关服务！
SEO建站
-
快速搜索引擎优化建议没有任何SEO机构，可以承诺搜索引擎排名的具体位置，如果有，那么请您多注意！专业的SEO机构，一般情况下只能确保目标关键词进入到首页或者前几页，如果您有相关问题，欢迎咨询！
