CNode

Kalendae:JavaScript日期选择和日历控件

分享
5520janking发布于11 年前最后回复11 年前6 回复5872 浏览0 收藏

Kalendae是一款完全基于JavaScript的日期选择控件和日历组件,值得一提的是,Kalendae并没有依赖任何第三方的JS脚本库,而是用原生的JavaScript实现了如此功能强大的日期选择控件。

阅读原文

Kalendae有以下特点:

  • 完全基于JavaScript,无依赖,无jQuery。
  • 可自定义皮肤,基本不用图片,完全靠CSS文件定制皮肤。
  • 日期选择支持单天,也支持多天区间范围。
  • 自定义展示的日期数字。
  • 可直接放在页面上用作日历控件。
  • 对于选中的日期,可以自定义日期格式。
  • 提供一些常用的日期转换函数。

Kalendae的一些效果图: Kalendae-1.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})
});

更多精彩尽在 极分享 转自:http://www.codeceo.com/article/kalendae-datepicker.html 本文作者:码农网 – 小峰

查看回复

回复 (6)

5
520janking#1·11 年前

很多朋友要的日期选择器

5
520janking#2·11 年前

Kalendae-2.jpg

J
jsonxu#3·11 年前

你写的?

5
520janking#4·11 年前
引用 jsonxu你写的?

@jsonxu 不是 ,一个朋友写的,看着不错

J
jsonxu#5·11 年前
引用 520janking@jsonxu 不是 ,一个朋友写的,看着不错

@520janking 你朋友爱做轮子啊

5
520janking#6·11 年前
引用 jsonxu@520janking 你朋友爱做轮子啊

@jsonxu 轮子总要有人做啊 ! 这样 我们才更高效啊

参与回复
登录后即可参与回复。登录