首先第一步

　　在官方下载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/

　　官网的其它时间日期样式：

　　

 

版权声明：本文为chuangqi原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/chuangqi/p/10877998.html