欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

layDate 日期与时间组件 入门

程序员文章站 2022-05-14 12:05:24
首先第一步 在官方下载layer和layDate文件。layUI官网:http://layer.layui.com/ http://layer.layui.com/ 例如layer文件的下载步骤如下: 然后将完整的layer文件和laydate文件复制在你当前的项目。如下: 引入layer.js和l ......

首先第一步

  在官方下载layer和laydate文件。layui官网:     

  例如layer文件的下载步骤如下:

layDate 日期与时间组件 入门

 

layDate 日期与时间组件 入门

然后将完整的layer文件和laydate文件复制在你当前的项目。如下:

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>

 

 显示界面如下:

  layDate 日期与时间组件 入门

  时间日期组件layui官网:

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

  layDate 日期与时间组件 入门