layDate 日期与时间组件 入门

2019-05-16 23:56:03来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

首先第一步

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

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

  

 


原文链接:https://www.cnblogs.com/chuangqi/p/10877998.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:D3.js 符号生成器 (V3版本)

下一篇:Vue介绍以及模板语法-插值