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文件的下载步骤如下:
然后将完整的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官网:
官网的其它时间日期样式:
上一篇: 设计模式--Bulider模式