Calendar

Info

引入文件

modules:{
    'calendar-skin-default':{//默认皮肤
        fullpath:'skin/default.css',
        type:'css'
    },
    'calendar':{
        fullpath:'calendar.js',
        requires:['calendar-skin-default','node']
    }
}

新建一个Y.Calendar对象

var calendar = new Y.Calendar('J_multipage_1',{
    multi_page:2,
    selected:new Date('2009/12/28')
});

创建一个Y.Calendar,带入配置项并绑定回调 var calendar = new Y.Calendar('J_calendar').on('select',function(d){ //your code });

使用

new Y.Calendar(id,options);

参数

/**
 * calendar.js 
 * autohr:lijing00333@163.com
 * @class Y.Calendar
 * @param { string } 容器或者触点id 
 * @param { object } 配置项
 * @return { object } 生成一个calendar实例
 * @requires { 'node' }
 * @requires { calendar-skin-default } 皮肤
 * 
 * Y.Calenar:    
 *    说明:    日历构造器,通过new Y.Calendar来render一个日历
 *    使用:    new Y.Calendar(id,options);
 *    参数:    id:{string}容器id
 *    配置:    selected {date} 选中的日期
 *            mindate:{date} 最小可选日期
 *            maxdate:{date} 最大可选日期
 *            popup:{boolean} 是否弹出,默认false
 *            closeable:{boolean} 是否单选关闭(弹出状态下起作用),默认为false
 *            range_select:{boolean} 是否选择范围,默认为false
 *            range:{start:date,end:date} 默认选择范围
 *            multi_select:{number} 日历页数,默认为1
 *            withtime:{boolean} 日历是否显示time选择,默认为false
 *            date:{date} 默认显示该日期所在的月份,默认为当天
 *            startDay:{number} 起始日的偏移,默认为周日,建议取值范围(1-7)
 *            navigator:{boolean} 是否可以选择跳转的月份,默认为true
 *            useShim:{boolean} 是否使用iframe遮罩,ie6默认加遮罩
 *        Y.Calendar的实例的方法:
 *            init:初始化,参数为options
 *            render:渲染,init在new的时候调用,render可以在运行时任意时刻调用,参数为options,其成员可覆盖原参数
 *            hide:隐藏,不会删除窗口
 *            show:显示窗口
 *        
 */

事件类型: