laydate

layui中时间插件laydate的使用

由 混江龙づ霸主 提交于 2019-12-04 15:28:23
1.加载layui.js 2.html部分 <div class="layui-inline"> <label class="layui-form-label">选择时间</label> <div class="layui-inline"> <div class="layui-input-inline"> <input type="text" name="start_time" class="layui-input" id="start_time" placeholder="开始时间"> </div> </div>- <div class="layui-inline"> <div class="layui-input-inline"> <input type="text" name="end_time" class="layui-input" id="end_time" placeholder="结束时间"> </div> </div></div> 3.js部分 layui.use([ 'laydate'], function(){ var $ = layui.$; var laydate = layui.laydate; var nowTime = new Date().valueOf(); var start = laydate.render({ elem: '#start

layui的日期和时间组件 - laydate

由 匿名 (未验证) 提交于 2019-12-03 00:36:02
Ŀ¼ Ŀ¼ 3.Uncaught TypeError: laydate.render is not a function 3.2 debug 最近在用layui开发后台,在使用layui提供的时间插件时,发现控制台报错:laydate.renderis not a function,当时就很费解,仔细阅读官方文档用法,结果还是不行,又在官网重新下载的js,但是依然报错,最后找到问题所在是版本的问题：layui有两个版本，一个是1.0版的js，一个是2.0版的js，其中render是2.0的，之前引用的js是1.0，所以就会报错。以下保留了两种显示的方法，做个总结，希望能够给人提供帮助。 1.maven配置 < dependency > < groupId > javax.servlet </ groupId > < artifactId > jstl </ artifactId > < version > 1.2 </ version > < type > jar </ type > </ dependency > 2.springmvc 中静态地址设置，【ctxStatic 】 等价于访问 【项目名\src\main\webapp\static】 <%@ taglib prefix= "c" uri= "http://java.sun.com/jsp/jstl/core" %>

引入 laydate 时间选择器 进行echart 统计图 的时间条件筛选数据

由 匿名 (未验证) 提交于 2019-12-03 00:15:02
引入 laydate 时间选择器 进行echart 统计图 的时间条件(月)筛选数据 1 laydate 组件的回调 通过laydate 选择日期时间时无法通过JQ的值改变时间来监听，但是可以通过JQ发方法进行获取值，很无语但是是这个组件的毛病，我试过很多次，所以它组件给力一个回调事件的方法帮我们实现选中日期的回调业务处理 //年月选择器 $(".laydate-date").each(function(){ var _this = this; laydate.render({ elem: _this, value:getTime(‘getMonth’), type: ‘month’, //用户选中日期的回调函数 done:function(value,date,endDate){ echartWeldmsTypeMon(date.year,date.month-1) console.log(value) console.log(date) console.log(endDate) } }); }); 2 获取月份最后一天的日期 与后台对接时是需要按照开始时间(精确到日的情况才能查询)，所以需要获取用户选择的月份的日期，这里我直接给代码 通过给方法进行传值，年份和月份即可 function getSearchMonth(selectYear,selectMonth) { /

layui时间控件闪退的问题

由 匿名 (未验证) 提交于 2019-12-02 23:38:02
项目上线，发现后台管理系统layui的子页面出现时间控件闪退的问题，根本选取不到时间。 其原因是：如果出现页面找到多个节点，只有第一个节点能正常使用后面的节点都会闪退，可以理解为目前laydate不支持一次性render多个节点。不是什么实例重复的问题，因为我每个页面创建的实例都不一样还是闪退。而后台管理系统中这种父子页面确实有多个页面使用了时间控件，从而render多个节点。 解决方法： laydate文件中的默认配置,trigger: 'focus' //呼出控件的事件这个focus改成click。 测试部署上线有效。 layui.use('laydate', function(){ var laydate = layui.laydate; //日期时间选择器 laydate.render({ elem: '#startTime' ,type: 'datetime' ,trigger: 'click'//呼出事件改成click //,format: 'yyyy-MM-dd HH:mm:ss' //可任意组合 }); //日期时间选择器 laydate.render({ elem: '#endTime' ,type: 'datetime' ,trigger: 'click'//呼出事件改成click // ,format: 'yyyy-MM-dd HH:mm:ss' /

JS框架_(laydate.js)简单实现日期日历

由 匿名 (未验证) 提交于 2019-12-02 22:56:40
JavaScript日期与时间组件_laydate.js 日期日历效果： <! DOCTYPE html > < html > < head > < meta charset ="UTF-8" > < title > Gary_日历日期 </ title > < link rel ="stylesheet" href ="css/laydate.css" /> < script src ="js/jquery.min.js" ></ script > < script src ="js/laydate.js" ></ script > < style type ="text/css" > .select-date { font-family : "sta cartman" } </ style > </ head > < body >< script src ="/demos/googlegg.js" ></ script > < div class ="laydate-box" > < input type ="text" id ="laydateInput" placeholder ="xxxx年xx月xx日" /> <!-- 添加图片可以写这里 img...... --> < div class ="select-date" > < div class ="select

jQuery_日期控件_laydate@2018-05-31

由 匿名 (未验证) 提交于 2019-12-02 21:53:52
1、layDate 日期与时间组件 官网： http://www.layui.com/laydate/ 文档： http://www.layui.com/doc/modules/laydate.html 结构： 1.html <!DOCTYPE html> < html lang = "en" > < head > < meta charset = "utf-8" > < title > 使用 layDate 独立版 </ title > </ head > < body > < input type = "text" id = "test1" > < script src = "js/layDate-v5.0.9/laydate/laydate.js" > </ script > <!-- 改成你的路径 --> < script > //执行一个laydate实例 laydate.render({ elem: '#test1' , //指定元素 type: 'month' , theme: '#d486ba' }); </ script > </ body > </ html > 效果： 文章来源: jQuery_日期控件_laydate@2018-05-31

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/ 　　官网的其它时间日期样式： 　　 文章来源: layDate

layui中laydate时间插件处理（开始时间与结束时间之间控制）

由 拈花ヽ惹草 提交于 2019-12-02 10:37:59
layui中laydate时间插件处理（开始时间与结束时间之间控制） //我这里默认2018-11-08 00:00:00格式 var nowTime = new Date ( ) ; //得到当前日期 //日期 var startTime = laydate . render ( { elem : '#starTime' , format : 'yyyy-MM-dd HH:mm:ss' , min : 'nowTime' , type : 'datetime' , done : function ( value , date ) { //console.log(value); //得到日期生成的值，如：2017-08-18 //console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0} nowTime = endTime . config . min = { year : date . year , month : date . month - 1 , //关键(多了一个月，需要减1) date : date . date , hours : date . hours , minutes : date . minutes , seconds :

引入 laydate 时间选择器 进行echart 统计图 的时间条件筛选数据

由 我的梦境 提交于 2019-12-02 05:43:12
引入 laydate 时间选择器 进行echart 统计图 的时间条件(月)筛选数据 1 laydate 组件的回调 通过laydate 选择日期时间时无法通过JQ的值改变时间来监听，但是可以通过JQ发方法进行获取值，很无语但是是这个组件的毛病，我试过很多次，所以它组件给力一个回调事件的方法帮我们实现选中日期的回调业务处理 //年月选择器 $(".laydate-date").each(function(){ var _this = this; laydate.render({ elem: _this, value:getTime(‘getMonth’), type: ‘month’, //用户选中日期的回调函数 done:function(value,date,endDate){ echartWeldmsTypeMon(date.year,date.month-1) console.log(value) console.log(date) console.log(endDate) } }); }); 2 获取月份最后一天的日期 与后台对接时是需要按照开始时间(精确到日的情况才能查询)，所以需要获取用户选择的月份的日期，这里我直接给代码 通过给方法进行传值，年份和月份即可 function getSearchMonth(selectYear,selectMonth) { /
订阅 laydate