号外:kitjs官方讨论QQ群建立了,QQ群号88093625,欢迎大家加入,讨论前端相关话题
新增双月日历,多月日历
地址:http://xueduany.github.com/KitJs/KitJs/index.html#datepicker_nmonth
4月13日更新(感谢大家热心反馈)
1.加入鼠标划动多选
2.加入再次单击选中日期,会取消选择
demo地址:http://xueduany.github.com/KitJs/KitJs/index.html#datepicker
本日历,支持多语言本地化,且中文支持非常好
独家支持日历日期多选操作,按住shift键,多选,和按住ctrl键多选,
支持开始日期和结束日期限制
支持自定义事件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 | 在选中日期时触发 |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· NetPad:一个.NET开源、跨平台的C#编辑器
· PowerShell开发游戏 · 打蜜蜂