当前位置： 移动技术网 > IT编程>开发语言>JavaScript > layDate 日期与时间组件 入门

layDate 日期与时间组件 入门

2019年05月17日  | 移动技术网IT编程  | 我要评论

首先第一步

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

　　例如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官网：

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

　　

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网