layUI时间控件（简单好用）

首先放官网下载链接https://www.layui.com/

引入js、css文件

<script type="text/javascript" src="static/layui/lay/modules/laydate.js"></script>
<link href="static/layui/css/modules/laydate/default/laydate.css" rel="stylesheet" type="text/css" />
<link href="static/layui/css/layui.css" rel="stylesheet" type="text/css" />

上面的href链接路径是我demo的路径，兄弟们用的时候注意改到自己放layUI文件下的路径（就是记得改路径）

HTML代码：

<input type="text" class="layui-input"  id="test"  name="createtime" >

js代码：

//执行一个laydate实例,此实例默认为中文，国际化请看官方文档
laydate.render({
  elem: '#test' //指定元素
});

写完这些就可以实现时间控件了，我的代码只能实现常用年月日时间，如果想加其他例如分秒等等老哥们自己看官网文档，附链接：https://www.layui.com/demo/laydate.html

这是效果：