Kalendae:JavaScript日期选择和日历控件
2014-10-13 00:00
405 查看
本文是码农网原创整理,转载请看清文末的转载要求,谢谢合作!
Kalendae是一款完全基于JavaScript的日期选择控件和日历组件,值得一提的是,Kalendae并没有依赖任何第三方的JS脚本库,而是用原生的JavaScript实现了如此功能强大的日期选择控件。
Kalendae有以下特点:
完全基于JavaScript,无依赖,无jQuery。
可自定义皮肤,基本不用图片,完全靠CSS文件定制皮肤。
日期选择支持单天,也支持多天区间范围。
自定义展示的日期数字。
可直接放在页面上用作日历控件。
对于选中的日期,可以自定义日期格式。
提供一些常用的日期转换函数。
Kalendae的一些效果图:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015033/1a063a118757736e45e7f96a774b2935.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015033/ef007d0427a845672d0120d2b409d210.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015033/e923a0e48227fcc24d5913f97927536e.jpg)
Kalendae使用示例代码:
Kalendae是一款完全基于JavaScript的日期选择控件和日历组件,值得一提的是,Kalendae并没有依赖任何第三方的JS脚本库,而是用原生的JavaScript实现了如此功能强大的日期选择控件。
Kalendae有以下特点:
完全基于JavaScript,无依赖,无jQuery。
可自定义皮肤,基本不用图片,完全靠CSS文件定制皮肤。
日期选择支持单天,也支持多天区间范围。
自定义展示的日期数字。
可直接放在页面上用作日历控件。
对于选中的日期,可以自定义日期格式。
提供一些常用的日期转换函数。
Kalendae的一些效果图:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015033/1a063a118757736e45e7f96a774b2935.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015033/ef007d0427a845672d0120d2b409d210.jpg)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015033/e923a0e48227fcc24d5913f97927536e.jpg)
Kalendae使用示例代码:
new Kalendae(document.body, { months:1, mode:'single', selected:Kalendae.moment().subtract({M:1}) }); new Kalendae({ attachTo:document.body, months:2, mode:'single', selected:Kalendae.moment().subtract({M:1}) }); new Kalendae({ attachTo:document.body, months:3, mode:'single', selected:Kalendae.moment().subtract({M:1}) });
相关文章推荐
- Kalendae:JavaScript日期选择和日历控件使用
- javascript 日期日历控件 三
- javascript 日期日历控件 二
- javascript日期选择控件
- 简洁JS 日历控件 支持日期和月份选择
- 简洁JS 日历控件 支持日期和月份选择(转)
- 日期选择控件 完美支持XHTML(JavaScript)
- 免费的Javascript日期输入及选择控件大杂烩!
- [分享]精心收集的3款JavaScript实现的日期时间选择控件
- 日期控件-1.javascript实现简易日历
- Calendar日历控件多个日期的选择
- Javascript日期选择控件(6)
- 免费的Javascript日期输入及选择控件大杂烩!(转)
- 应用于web页面的日期(日历)时间选择器(控件)
- 点击textBox 可选择JavaScript超好的日期控件。
- Javascript日期选择控件(2)
- 免费的Javascript日期输入及选择控件大全
- Asp.net2.0 DatePicker控件 ,日期选择控件 ,Javascript
- JavaScript 日期选择控件
- 改造asp.net日历控件为弹出式日期选择控件和GridView呈现长文本字段的两个技巧