今天我要介绍的是laydate，目前已经完成了一次重大的重写（v5.x.x+），laydate是layui独立维护的三大组件之一，本次重写后其主要功能有年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器，五种类型的基本选择方式。

• 1、引入laydate

①下载地址：

https://github.com/sentsin/laydate/

下载laydate后，把文件存放到你项目的任意目录中，使用时引入js即可：

②使用nodejs安装，运行npm install layui-laydate命令即可

• 2、年选择器

laydate.render({elem: '#test1',type: 'year'});

• 3、年月选择器

laydate.render({elem: '#test1',type: 'month'});

• 4、年月日选择器

laydate.render({elem: '#test1'});

• 5、时间选择器

laydate.render({elem: '#test1',type: 'time'});

• 6、日期时间选择器

laydate.render({elem: '#test1',type: 'datetime'});

• 7、其他功能

以上基础选择器都支持范围选择，如下图所示

同时还可以控制可选范围、初始赋值；初始化、选中后或切换的回调函数；自定义事件、公历节日、自定义重要日子等

还有不同主题可供选择，也可直接嵌套在页面上，内置中文和英语两种语言，这款简单而不失灵活的组件，能够应付大多数你所需要的日期时间选择。