强大的独立日期选择器(date picker)插件 - Kalendae
2012-05-19 23:02
1021 查看
日期:2012-4-16 来源:GBin1.com
在线演示 本地下载
今天分享一个独立的日期选择插件Kalendae,Kalendae是 一个强大健壮的独立日期选择器。如果你不想使用重量的jQuery UI类库的话,这个插件肯定是一个不错的备选。Kalendae包含了丰富的插件选项,配置,属性,事件和函数。给予你丰富和灵活的方式来创建日期选择 器。当然它内含了一个强大的日期处理javascript插件 - moment.js, 这个类库我们也曾经介绍过(不容错过的超棒Javascript日期处理类库-Moment.js),能够灵活的处理和格式化日期。
支持主题和皮肤。缺省的主题只使用一个图片文件,其它配置使用CSS
支持单天,多天或者日期区域选择
可配置月份选择
可作为一个行内的插件在页面中使用,或者绑定输入框来调用
可绑定到页面中任何元素,不仅仅是已命名元素
支持多种类型配置例如,隔日选择/工作日选择 ,未来/过去,可定义为数组或者通过callback配置
日期输出类型可支持不同的格式,利用moment.js来高效处理和解析日期
针对不同的使用环境设置,如下:
单日期选择
来源:强大的独立日期选择器(date picker)插件 - Kalendae
在线演示 本地下载
今天分享一个独立的日期选择插件Kalendae,Kalendae是 一个强大健壮的独立日期选择器。如果你不想使用重量的jQuery UI类库的话,这个插件肯定是一个不错的备选。Kalendae包含了丰富的插件选项,配置,属性,事件和函数。给予你丰富和灵活的方式来创建日期选择 器。当然它内含了一个强大的日期处理javascript插件 - moment.js, 这个类库我们也曾经介绍过(不容错过的超棒Javascript日期处理类库-Moment.js),能够灵活的处理和格式化日期。
主要特性
完全支持各平台移植,没有任何类库依赖,不要求jQuery, prototype,或者Mootools。只需要添加脚本和样式支持主题和皮肤。缺省的主题只使用一个图片文件,其它配置使用CSS
支持单天,多天或者日期区域选择
可配置月份选择
可作为一个行内的插件在页面中使用,或者绑定输入框来调用
可绑定到页面中任何元素,不仅仅是已命名元素
支持多种类型配置例如,隔日选择/工作日选择 ,未来/过去,可定义为数组或者通过callback配置
日期输出类型可支持不同的格式,利用moment.js来高效处理和解析日期
如何使用
导入对应的javascript和CSS:<link rel="stylesheet" href="build/kalendae.css" type="text/css" charset="utf-8"> <script src="build/kalendae.js" type="text/javascript" charset="utf-8"></script>
针对不同的使用环境设置,如下:
单日期选择
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}) });
日期范围选择
...来源:强大的独立日期选择器(date picker)插件 - Kalendae
相关文章推荐
- 强大的独立日期选择器(date picker)插件 - Kalendae
- 强大的独立日期选择器(date picker)插件 - Kalendae
- 推荐三款日期选择插件(My97DatePicker、jquery.datepicker、Mobiscroll)
- Datepicker日期选择框插件
- jQuery插件datepicker 日期连续选择
- 日期时间范围选择插件-daterangepicker使用总结
- DatePicker - 日期选择插件
- DatePicker - 日期选择插件
- 使用datepicker插件实现日期选择的基本操作 8-5
- 使用datepicker插件实现日期选择的基本操作 8-5
- 一款贴近用户体验的jQuery日期选择插件。这是一款双日历jQuery日期选择时间插件pickerDateRange。
- jQuery插件datepicker 日期连续选择
- 日期时间范围选择插件:daterangepicker使用总结(必看篇)
- jQuery学习之:Datepicker日期选择插件
- JQuery datepicker 用法 jQuery UI很强大,其中的日期选择
- jQuery插件Datepicker日期选择器实现
- Query学习之:Datepicker日期选择插件 推荐
- bootstrap-datepicker插件bug:当天日期偏前或偏后时,选择的日期会出现减少或增加一个月 在选择与今日
- 页面日期选择控件--jquery ui datepicker 插件
- jQuery插件Datepicker日期选择器实现Javascript自定义日期时间选择功能