强大的独立日期选择器(date picker)插件 - Kalendae
来源:互联网 发布:阳江网络问政 编辑:程序博客网 时间:2024/04/24 21:13
日期:2012-4-16 来源:GBin1.com
在线演示 本地下载
今天分享一个独立的日期选择插件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
- JQ插件:日期时间选择器date picker
- 我的组件库--java Date Picker 日历 日期选择器
- 日期选择器react-bootstrap-date-picker的使用
- 解决Bootstrap日期插件Date Range Picker清空的问题
- Yii 2.0 时间日期插件之yii2-date-picker-widget
- 日期多选插件Kalendae.js
- 日期多选插件Kalendae.js
- Bootstrap的日期选择插件DateTime Picker
- jQuery日期选择器插件date-input
- JQuery日期选择器插件date-input
- jQuery日期选择器插件date-input
- Date Range Picker 插件 bootstrap
- 日期多选插件Kalendae.js 动态引用
- yii2框架中引用bootstrap中的日期插件yii2-date-picker
- Bootstrap的日期选择插件DateTime Picker增强版
- Bootstrap的日期选择插件DateTime Picker增强版
- 微信小程序picker-view日期选择器
- 分享一个CSS3实现的动态内容标签页切换效果教程
- 第九周 任务一
- php登陆验证
- 关于Android4.0的Alertdialog对话框
- android 网络
- 强大的独立日期选择器(date picker)插件 - Kalendae
- Nicholas C. Zakas谈怎样才能成为优秀的前端工程师
- 第九周实验报告任务 1 定义Time类中的<<和>>运算符重载,实现时间的输入输出,改造原程序中对运算结果显示方式,使程序读起来更自然。
- 程序员重要的素质之一——谦虚
- 第九周作业2
- 第九周实验报告任务5
- srvctl modify the spfile,but db start using old spfile
- POJ 3233 矩阵快速幂
- c#中识别出汉字的方法