前几天发了一个关于弹出框的小插件，很多老铁说自己在用layui。今天我们就来探讨下layui里的layDate，对于手懒的小伙伴们可以极大的提高开发效率。

很多小伙伴可能对layui比较陌生，听别人在用，可是什么layui，layer，layDate各种名字傻傻分不清楚。它们到底是什么关系呢？首先介绍下layui，这是一款经典模块化的前端UI框架，其设计简单而大方。知道bootstrap的伙伴们应该熟悉bootstrap可实现的功能，而layui比其只强不差。那么问题来了，layer，layDate是什么呢？其实很简单，由于在layui中弹出层（layer）和日期时间插件（layDate）大众用的比较多，官方就把这两个功能拆出来作为独立的一部分来使用。使用的时候引入整个layui.js或者单独的laydate.js都是可以的。

layui 兼容人类正在使用的全部浏览器（IE6/7除外），可作为 PC 端后台系统与前台界面的速成开发方案。

废话不多说，进入正题~

layDate

引入方式比较简单

<script src="/laydate/laydate.js"></script>

具体使用方法

html

<input type="text" class="layui-input" id="test1">

JS

laydate.render({

elem: '#test1' //指定元素

});

就这么简单！来看看效果~

好看且好用有没有~

当然layDate里面包括了多种日期的选择

不止这么多，想偷懒的伙伴们可以去官网看看，说不准啥时候用到了呢。

有问题的前端老铁可以直接问我~一周最少3更~