首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

公布首款支持Shift/Ctrl多选的国产日历控件,界面仿Twitter风格,支持change等自定义事件,全中文注释和API,欢迎支持

2012-07-27 
发布首款支持Shift/Ctrl多选的国产日历控件,界面仿Twitter风格,支持change等自定义事件,全中文注释和API,

发布首款支持Shift/Ctrl多选的国产日历控件,界面仿Twitter风格,支持change等自定义事件,全中文注释和API,欢迎支持

公布首款支持Shift/Ctrl多选的国产日历控件,界面仿Twitter风格,支持change等自定义事件,全中文注释和API,欢迎支持

demo地址:http://xueduany.github.com/KitJs/KitJs/index.html#datepicker

?

本日历,支持多语言本地化,且中文支持非常好

公布首款支持Shift/Ctrl多选的国产日历控件,界面仿Twitter风格,支持change等自定义事件,全中文注释和API,欢迎支持

?

独家支持日历日期多选操作,按住shift键,多选,和按住ctrl键多选,

公布首款支持Shift/Ctrl多选的国产日历控件,界面仿Twitter风格,支持change等自定义事件,全中文注释和API,欢迎支持????? shift选择效果???????公布首款支持Shift/Ctrl多选的国产日历控件,界面仿Twitter风格,支持change等自定义事件,全中文注释和API,欢迎支持? ctrl选择效果

?

支持开始日期和结束日期限制

公布首款支持Shift/Ctrl多选的国产日历控件,界面仿Twitter风格,支持change等自定义事件,全中文注释和API,欢迎支持

?

支持自定义事件change,可以方便2次编程

//默认日历
var picker = new $kit.ui.DatePicker();
picker.init();
$kit.el('#J_datePicker').appendChild(picker.picker);
picker.show();
picker.ev({
????? ev : 'change',
????? fn : function(e) {
????????????? alert(picker.getValue());
????? }
})

?

?

?

?

?

?

使用方法

var picker = new $kit.ui.DatePicker({dateFormat : 'yyyy年mm月dd日', //接受和输出的日期格式language : 'cn',//本地化语言show : false, //默认是否显示canMultipleChoose : true, //能否多选dateStringSeparator : ',', //多选时候输出分隔符shiftSelectOutType : 'full', //多选时候输出类型,full为将选中的日期全部输出,short为输出选中日期的开头和结尾shiftSelectOutTypeShortSeparator : '~'//当输出类型为short时,比如选中了3月1日到3月10日,则输出"3月1日~3月10日",简短输出,只有开头+分隔符+结尾});picker.init();//执行初始化更多参数请参考源码https://github.com/xueduany/KitJs/blob/master/KitJs/src/js/widget/DatePicker/datepicker.js
?

?

API

方法说明show显示hide隐藏getValue返回选中的日期init初始化日历ev注册事件

?

自定义事件说明change在选中日期时触发

热点排行