layDate 日期与时间组件 入门

匿名 (未验证) 提交于 2019-12-02 21:53:52

首先第一步

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

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

  

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!