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

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

黄舟
Lepaskan: 2017-03-16 15:01:56
asal
3790 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!

sumber:php.cn
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