首先第一步
在官方下载layer和layDate文件。layUI官网:http://layer.layui.com/http://layer.layui.com/
例如layer文件的下载步骤如下:
然后将完整的layer文件和laydate文件复制在你当前的项目。如下:
引入layer.js和layData.js
<script type="text/javascript" src="<%=path %>/layer/layer.js"></script>
<script src="<%= basePath%>/laydate/laydate.js"></script>
以下是要显示时间的文本框
<input type="text" class="input w50" id="applytime" name="applytime"/>
js的方法
<script type="text/javascript"> laydate.render({ elem: '#applytime' // 输出框id ,type: 'datetime' }); </script>
显示界面如下:
时间日期组件layUI官网:https://www.layui.com/laydate/
官网的其它时间日期样式: