发布于 2017-04-22 08:37:45 | 171 次阅读 | 评论: 0 | 来源: 网友投递
EasyUI jQuery UI插件
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。
用 $.fn.calendar.defaults 重写了 defaults。
用法
<div id="cc" style="width:180px;height:180px;"></div>
$('#cc').calendar({
width:600,
height:600,
current:new Date()
});
特性
名称 |
类型 |
说明 |
默认值 |
width |
number |
日历组件的宽度。 |
180 |
height |
number |
日历组件的高度。 |
180 |
fit |
boolean |
true 时设置日历的尺寸以适应它的父容器。 |
false |
border |
boolean |
定义是否显示边框。 |
true |
weeks |
array |
显示星期的日历。 |
['S','M','T','W','T','F','S'] |
months |
array |
显示月份的列表。 |
['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] |
year |
number |
日历的年。 |
当前年份(4位) |
month |
number |
日历的月。 |
当前月份(从1开始) |
current |
Date |
日历的日期。 |
当前日期 |
事件
名称 |
参数 |
说明 |
onSelect |
date |
当用户选择一个日期时触发。 |
方法
名称 |
参数 |
说明 |
options |
none |
返回 options 对象。 |
resize |
none |
调整日历的尺寸。 |
moveTo |
date |
移动日历到一个指定的日期。 |