laydate | 易学教程

C# MVC LayUI实现下拉框二级联动

阅读更多关于 C# MVC LayUI实现下拉框二级联动

一、layui.use 1、LayUI的官方使用文档： https://www.layui.com/doc/ 2、layui的内置模块不是默认就加载好的，必须要执行启动模块的这种方法后模块才会加载； 3、layui.use就是一种加载模块的方式。如下代码： // LayUI渲染以及启动模块 layui.use([ ' form ' , ' layedit ' , ' laydate ' ], function () { var form = layui.form, // 获取form模块 layer = layui.layer, // 获取layer模块 layedit = layui.layedit, // 获取layedit模块 laydate = layui.laydate, // 获取laydate模块 $ = layui.$; 二、创建控制器或在已有的控制器中添加在操作方法　　　　　/// <summary> /// 获取部门信息 /// </summary> [HttpPost] public JsonResult GetDeplist() { using (ERPEntities db = new ERPEntities()) { db.Configuration.ProxyCreationEnabled = false ; // 关闭EF的默认加载 var

【layui】日期范围分开两个input，开始日期选中时，结束日期的最小可选择就是开始日期

阅读更多关于【layui】日期范围分开两个input，开始日期选中时，结束日期的最小可选择就是开始日期

效果如图：代码 1 /* * 2 * 日期格式化 3 */ 4 Date.prototype.Format = function (fmt) { 5 if (undefined == fmt || null == fmt) { 6 fmt = "yyyy-MM-dd HH:mm:ss" ; 7 } 8 var t = this ; 9 var tf = function (str, len) { 10 if (str.length < len) { 11 for ( var i = 0; i < len - str.length; i++ ) { 12 str = "0" + str; 13 } 14 } 15 return str 16 }; 17 var opt = { 18 "y+": t.getFullYear().toString(), // 年 19 "M+": (t.getMonth() + 1).toString(), // 月 20 "d+": t.getDate().toString(), // 日 21 "H+": t.getHours().toString(), // 时 22 "m+": t.getMinutes().toString(), // 分 23 "s+": t.getSeconds().toString() // 秒 24 //

C# MVC LayUI实现下拉框二级联动

阅读更多关于 C# MVC LayUI实现下拉框二级联动

[转载]使用Layui时,在Layer的iframe中使用Laydate组件点击后一闪而过的解决方案 Laydate隐藏

阅读更多关于 [转载]使用Layui时,在Layer的iframe中使用Laydate组件点击后一闪而过的解决方案 Laydate隐藏

场景使用layer.open弹窗iframe, 但是iframe的高度是可变的, 如果{iframe高度} >= {laydate的高度}, 那么是没有任何问题的, 如果{iframe高度} < {laydate的高度}, 就会出现laydate组件一闪而过,隐藏了... 原因 laydate组件的默认是焦点触发解决方案设置trigger属性为'click' laydate.render({ ele:'#test' ,trigger:'click'//采用click弹出 }) 作者：机械手学Java 链接： https://blog.csdn.net/scc95599/article/details/104135600 来源：CSDN 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。来源： oschina 链接： https://my.oschina.net/u/4258423/blog/4275360

laydate设置开始时间和结束时间之间相互验证

阅读更多关于 laydate设置开始时间和结束时间之间相互验证

近期写时间验证，使用laydate ，验证开始时间和结束时间之间的时间验证 var startTime = laydate.render({ elem: '#RDSJ', type: 'date', done: function (value, date) { debugger if(value!==""){ endTime.config.min = { year:date.year, month:date.month-1,//关键 date: date.date } }else { endTime.config.min = { year:"1098", month:"1", date: "1" } } } }); var endTime = laydate.render({ elem:'#CDSJ', type:'date', done:function(value,date){ if(value!==""){ startTime.config.max={ year:date.year, month:date.month-1, //关键 date: date.date }; }else { startTime.config.max={ year:"3019", month:"1", date: "1" }; } } }); 需要注意的是，定义初始化时一定要使用 var a =

PJAX模式下使用Laydate时间组件二次渲染问题解决方案

阅读更多关于 PJAX模式下使用Laydate时间组件二次渲染问题解决方案

JBolt极速开发平台里的自动化时间组件，用的是laydate.js，在layui里可以使用，在非layui里也可以独立版使用。这里我使用的是独立版。遇到的问题：和前面我分享的PJAX下的UEditor和Webcam组件，都是出现二次渲染的问题。第二次执行laydate.render的时候，组件失效，不报错，也不显示了！【分享】Pjax模式下集成一个同时支持IE和Chrome的webcam组件【分享】PJAX模式下使用UEditor如何避免二次加载页面初始化失败？ laydate的调用方式如下：针对一个输入框元素，给一个ID就行了，自动完成了初始化和事件绑定，这里我设置的是click的时候，触发渲染时间组件的弹出，默认不写就是focus的时候。点击输入框，正常弹出了。那么，二次渲染怎么重现这个问题呢？ pjax加载的，只要打开新页面，然后浏览器返回到本界面，就完成了二次调用laydate.render，这样bug就复现了！如何处理？我们现在分析一下这个bug出现的原因：首先，我们来看第一次渲染之后，组件和页面里都有什么变化？ 1、input组件本身变化从下图可以看出，经过laydate的render之后，在全局laydate给input组件初始化，增加了一个属性lay-key="1" 有具体的赋值，而且重新刷新页面之后，这个值还是lay-key="1

季度半年度选择器

阅读更多关于季度半年度选择器

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>季度半年度选择器</title> <style> body{padding: 20px;} .demo-input{padding-left: 10px; height: 38px; min-width: 262px; line-height: 38px; border: 1px solid #e6e6e6; background-color: #fff; border-radius: 2px;} .demo-footer{padding: 50px 0; color: #999; font-size: 14px;} .demo-footer a{padding: 0 5px; color: #01AAED;} </style> <script src="laydate/jquery-1.11.1.min.js"></script>  <script src="laydate/laydate.js"></script>  </head> <body> <input type="text" class="demo-input" placeholder="请选择季度" id="season"> <input

js 日期控件laydate使用

阅读更多关于 js 日期控件laydate使用

官网 http://sentsin.com/layui/laydate/ 1. 下载官网上的压缩包,解压后只需要复制laydate 文件夹到你的项目中; 2. 在页面引入 <script type="text/javascript" src="js/laydate/laydate.js"></script> 3. 在页面添加: <div class="inline layinput"> <input placeholder="YYYY-MM-DD hh:mm:ss" onclick="laydate({istime: true, format: 'YYYY-MM-DD '})"> <label class="laydate-icon"></label></div> 4. 设置回调函数; <input name="beginDate" value='<s:property value="#beginDate"/>' class="diyige beginDate" onclick="laydate({choose:beginDateCallBack})"> - <input name="endDate" value='<s:property value="#endDate"/>' class="diyige endDate" onclick="laydate({choose

input输入框输入日期之layDate日期与时间组件的使用

阅读更多关于 input输入框输入日期之layDate日期与时间组件的使用

先上效果图：咱们这里就用本地html演示，在项目里的话，导入正确路径即可本地构建目录：第一步：使用lyaui当然需要下载layui组件官网下载即可，点击这里下载完成后，只需要layui文件夹即可，放到自己的项目中。第二步：下载layDate控件点击这里，官网下载完成后，只需要laydate文件夹即可。第三步：index.html（演示）按照文件目录建立好项目目录。自己的项目话，引用对文件路径就ok了。 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>layDate日期与时间组件的使用</title> <link rel="stylesheet" href="static/laydate/theme/default/laydate.css" media="all"> <link rel="stylesheet" href="static/layui/layui.css"> </head> <body> <input type="text" placeholder="请选择开始日期" id="startDate"> <script src="static/layui/layui.js"></script> <script> layui.use('laydate'

laydate 使用

阅读更多关于 laydate 使用

官网 http://www.layui.com/doc/modules/laydate.html 参考 http://www.cnblogs.com/fengpingfan/p/4660273.html 版本 1.0.9 和 2.X 使用方式引入laydate.js 或者layui.js 这里使用laydate.js 在页面引入相应的js 注意版本在js 中 statime = { elem : '#startTime', istime : true, format : 'YYYY-MM-DD hh:mm:ss', // 分隔符可以任意定义，该例子表示只显示年月 festival : true, // 显示节日 start : list.layStart, min : list.layStart, max : list.layStart, choose : function(datas) { // 选择日期完毕的回调 alert('您选择的日期为：' + datas); if ($("#subsidyType").val() == null) { $("#errorMsg_name").html("请先选择补贴类型"); } var startTime = $("#startTime").val();// startTime if (nullRegex.test

订阅 laydate