Calendar 日历

jQuery EasyUI 插件 jQuery EasyUI 插件

通过 $.fn.calendar.defaults 重写默认的 defaults。

日历（calendar）显示允许用户选择日期的一个月份日历，并允许移动到上一月和下一页。默认情况下，每星期的第一天设置为星期日。这可以通过设置 ''firstDay'' 属性的值来改变。

用法

从标记创建日历（calendar）。

<div id="cc" class="easyui-calendar" style="width:180px;height:180px;"></div>

wΨ※3Ψ※xΨ※uΨ※e.com提供本在线速查手册，请勿盗用！

w☉3☉x☉u☉e.com提供本在线速查手册，请勿盗用！

使用 javascript 创建日历（calendar）。

<div id="cc" style="width:180px;height:180px;"></div>

wΨ※3Ψ※xΨ※uΨ※e.com提供本在线速查手册，请勿盗用！

w☉3☉x☉u☉e.com提供本在线速查手册，请勿盗用！

$(''#cc'').calendar({
    current:new Date()
});

wΨ※3Ψ※xΨ※uΨ※e.com提供本在线速查手册，请勿盗用！

w☉3☉x☉u☉e.com提供本在线速查手册，请勿盗用！

属性

名称 类型 描述 默认值
width number 日历（calendar）组件的宽度。 180
height number 日历（calendar）组件的高度。 180
fit boolean 当设置为 true 时，则设置日历的尺寸以适应它的父容器。 false
border boolean 定义是否显示边框。 true
firstDay number 定义每星期的第一天。星期日（Sunday）是 0，星期一（Monday）是 1，... 0
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 日历的年。下面的实例演示如何使用指定的年和月来创建一个日历。 
<div class="easyui-calendar" data-options="year:2012,month:6" />

wΨ※3Ψ※xΨ※uΨ※e.com提供本在线速查手册，请勿盗用！

w☉3☉x☉u☉e.com提供本在线速查手册，请勿盗用！

 当前年份（4 位）
month number 日历的月。 当前月份（从 1 开始）
current Date 当前的日期。 当前日期

事件

名称 参数 描述
onSelect date 当用户选择一个日期时触发。
代码实例： 
$(''#cc'').calendar({
	onSelect: function(date){
		alert(date.getFullYear()+":"+(date.getMonth()+1)+":"+date.getDate());
	}
});

wΨ※3Ψ※xΨ※uΨ※e.com提供本在线速查手册，请勿盗用！

w☉3☉x☉u☉e.com提供本在线速查手册，请勿盗用！

方法

名称 参数 描述
options none 返回选项（options）对象。
resize none 调整日历的尺寸。
moveTo date 移动日历到一个指定的日期。
代码实例： 
$(''#cc'').calendar(''moveTo'', new Date(2012, 6, 1));

wΨ※3Ψ※xΨ※uΨ※e.com提供本在线速查手册，请勿盗用！

w☉3☉x☉u☉e.com提供本在线速查手册，请勿盗用！
jQuery EasyUI 插件 jQuery EasyUI 插件