Rumah > hujung hadapan web > tutorial js > Kalendae-JavaScript日期选择和日历控件的使用详解(图)

Kalendae-JavaScript日期选择和日历控件的使用详解(图)

黄舟
Lepaskan: 2017-03-16 15:01:56
asal
3911 orang telah melayarinya

Kalendae-JavaScript日期选择和日历控件的使用详解

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

Kalendae有以下特点:

  • 完全基于JavaScript,无依赖,无jQuery

  • 可自定义皮肤,基本不用图片,完全靠CSS文件定制皮肤。

  • 日期选择支持单天,也支持多天区间范围。

  • 自定义展示的日期数字。

  • 可直接放在页面上用作日历控件

  • 对于选中的日期,可以自定义日期格式。

  • 提供一些常用的日期转换函数

Kalendae的一些效果图:

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})
});
Salin selepas log masuk

Atas ialah kandungan terperinci Kalendae-JavaScript日期选择和日历控件的使用详解(图). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan