/*! * layDate 5.3.1 日期与时间组件(单独版) * MIT Licensed */ /*! * Layui * Classic modular Front-End UI library * MIT Licensed */ ;!function(win){ "use strict"; var doc = win.document, config = { modules: {} //记录模块物理路径 ,status: {} //记录模块加载状态 ,timeout: 10 //符合规范的模块请求最长等待秒数 ,event: {} //记录模块自定义事件 } ,Layui = function(){ this.v = '2.6.7'; // layui 版本号 } //识别预先可能定义的指定全局对象 ,GLOBAL = win.LAYUI_GLOBAL || {} //获取 layui 所在目录 ,getPath = function(){ var jsPath = doc.currentScript ? doc.currentScript.src : function(){ var js = doc.scripts ,last = js.length - 1 ,src; for(var i = last; i > 0; i--){ if(js[i].readyState === 'interactive'){ src = js[i].src; break; } } return src || js[last].src; }(); return config.dir = GLOBAL.dir || jsPath.substring(0, jsPath.lastIndexOf('/') + 1); }() //异常提示 ,error = function(msg, type){ type = type || 'log'; win.console && console[type] && console[type]('layui error hint: ' + msg); } ,isOpera = typeof opera !== 'undefined' && opera.toString() === '[object Opera]' //内置模块 ,modules = config.builtin = { lay: 'lay' //基础 DOM 操作 ,layer: 'layer' //弹层 ,laydate: 'laydate' //日期 ,laypage: 'laypage' //分页 ,laytpl: 'laytpl' //模板引擎 ,layedit: 'layedit' //富文本编辑器 ,form: 'form' //表单集 ,upload: 'upload' //上传 ,dropdown: 'dropdown' //下拉菜单 ,transfer: 'transfer' //穿梭框 ,tree: 'tree' //树结构 ,table: 'table' //表格 ,element: 'element' //常用元素操作 ,rate: 'rate' //评分组件 ,colorpicker: 'colorpicker' //颜色选择器 ,slider: 'slider' //滑块 ,carousel: 'carousel' //轮播 ,flow: 'flow' //流加载 ,util: 'util' //工具块 ,code: 'code' //代码修饰器 ,jquery: 'jquery' //DOM 库(第三方) ,all: 'all' ,'layui.all': 'layui.all' //聚合标识(功能性的,非真实模块) }; //记录基础数据 Layui.prototype.cache = config; //定义模块 Layui.prototype.define = function(deps, factory){ var that = this ,type = typeof deps === 'function' ,callback = function(){ var setApp = function(app, exports){ layui[app] = exports; config.status[app] = true; }; typeof factory === 'function' && factory(function(app, exports){ setApp(app, exports); config.callback[app] = function(){ factory(setApp); } }); return this; }; type && ( factory = deps, deps = [] ); that.use(deps, callback, null, 'define'); return that; }; //使用特定模块 Layui.prototype.use = function(apps, callback, exports, from){ var that = this ,dir = config.dir = config.dir ? config.dir : getPath ,head = doc.getElementsByTagName('head')[0]; apps = function(){ if(typeof apps === 'string'){ return [apps]; } //当第一个参数为 function 时,则自动加载所有内置模块,且执行的回调即为该 function 参数; else if(typeof apps === 'function'){ callback = apps; return ['all']; } return apps; }(); //如果页面已经存在 jQuery 1.7+ 库且所定义的模块依赖 jQuery,则不加载内部 jquery 模块 if(win.jQuery && jQuery.fn.on){ that.each(apps, function(index, item){ if(item === 'jquery'){ apps.splice(index, 1); } }); layui.jquery = layui.$ = jQuery; } var item = apps[0] ,timeout = 0; exports = exports || []; //静态资源host config.host = config.host || (dir.match(/\/\/([\s\S]+?)\//)||['//'+ location.host +'/'])[0]; //加载完毕 function onScriptLoad(e, url){ var readyRegExp = navigator.platform === 'PLaySTATION 3' ? /^complete$/ : /^(complete|loaded)$/ if (e.type === 'load' || (readyRegExp.test((e.currentTarget || e.srcElement).readyState))) { config.modules[item] = url; head.removeChild(node); (function poll() { if(++timeout > config.timeout * 1000 / 4){ return error(item + ' is not a valid module', 'error'); }; config.status[item] ? onCallback() : setTimeout(poll, 4); }()); } } //回调 function onCallback(){ exports.push(layui[item]); apps.length > 1 ? that.use(apps.slice(1), callback, exports, from) : ( typeof callback === 'function' && function(){ //保证文档加载完毕再执行回调 if(layui.jquery && typeof layui.jquery === 'function' && from !== 'define'){ return layui.jquery(function(){ callback.apply(layui, exports); }); } callback.apply(layui, exports); }() ); } //如果引入了聚合板,内置的模块则不必重复加载 if( apps.length === 0 || (layui['layui.all'] && modules[item]) ){ return onCallback(), that; } //获取加载的模块 URL //如果是内置模块,则按照 dir 参数拼接模块路径 //如果是扩展模块,则判断模块路径值是否为 {/} 开头, //如果路径值是 {/} 开头,则模块路径即为后面紧跟的字符。 //否则,则按照 base 参数拼接模块路径 var url = ( modules[item] ? (dir + 'modules/') : (/^\{\/\}/.test(that.modules[item]) ? '' : (config.base || '')) ) + (that.modules[item] || item) + '.js'; url = url.replace(/^\{\/\}/, ''); //如果扩展模块(即:非内置模块)对象已经存在,则不必再加载 if(!config.modules[item] && layui[item]){ config.modules[item] = url; //并记录起该扩展模块的 url } //首次加载模块 if(!config.modules[item]){ var node = doc.createElement('script'); node.async = true; node.charset = 'utf-8'; node.src = url + function(){ var version = config.version === true ? (config.v || (new Date()).getTime()) : (config.version||''); return version ? ('?v=' + version) : ''; }(); head.appendChild(node); if(node.attachEvent && !(node.attachEvent.toString && node.attachEvent.toString().indexOf('[native code') < 0) && !isOpera){ node.attachEvent('onreadystatechange', function(e){ onScriptLoad(e, url); }); } else { node.addEventListener('load', function(e){ onScriptLoad(e, url); }, false); } config.modules[item] = url; } else { //缓存 (function poll() { if(++timeout > config.timeout * 1000 / 4){ return error(item + ' is not a valid module', 'error'); }; (typeof config.modules[item] === 'string' && config.status[item]) ? onCallback() : setTimeout(poll, 4); }()); } return that; }; //获取节点的 style 属性值 Layui.prototype.getStyle = function(node, name){ var style = node.currentStyle ? node.currentStyle : win.getComputedStyle(node, null); return style[style.getPropertyValue ? 'getPropertyValue' : 'getAttribute'](name); }; //css外部加载器 Layui.prototype.link = function(href, fn, cssname){ var that = this ,head = doc.getElementsByTagName('head')[0] ,link = doc.createElement('link'); if(typeof fn === 'string') cssname = fn; var app = (cssname || href).replace(/\.|\//g, '') ,id = link.id = 'layuicss-'+ app ,STAUTS_NAME = 'creating' ,timeout = 0; link.rel = 'stylesheet'; link.href = href + (config.debug ? '?v='+new Date().getTime() : ''); link.media = 'all'; if(!doc.getElementById(id)){ head.appendChild(link); } if(typeof fn !== 'function') return that; //轮询 css 是否加载完毕 (function poll(status) { var delay = 100 ,getLinkElem = doc.getElementById(id); //获取动态插入的 link 元素 //如果轮询超过指定秒数,则视为请求文件失败或 css 文件不符合规范 if(++timeout > config.timeout * 1000 / delay){ return error(href + ' timeout'); }; //css 加载就绪 if(parseInt(that.getStyle(getLinkElem, 'width')) === 1989){ //如果参数来自于初始轮询(即未加载就绪时的),则移除 link 标签状态 if(status === STAUTS_NAME) getLinkElem.removeAttribute('lay-status'); //如果 link 标签的状态仍为「创建中」,则继续进入轮询,直到状态改变,则执行回调 getLinkElem.getAttribute('lay-status') === STAUTS_NAME ? setTimeout(poll, delay) : fn(); } else { getLinkElem.setAttribute('lay-status', STAUTS_NAME); setTimeout(function(){ poll(STAUTS_NAME); }, delay); } }()); //轮询css是否加载完毕 /* (function poll() { if(++timeout > config.timeout * 1000 / 100){ return error(href + ' timeout'); }; parseInt(that.getStyle(doc.getElementById(id), 'width')) === 1989 ? function(){ fn(); }() : setTimeout(poll, 100); }()); */ return that; }; //css 内部加载器 Layui.prototype.addcss = function(firename, fn, cssname){ return layui.link(config.dir + 'css/' + firename, fn, cssname); }; //存储模块的回调 config.callback = {}; //重新执行模块的工厂函数 Layui.prototype.factory = function(modName){ if(layui[modName]){ return typeof config.callback[modName] === 'function' ? config.callback[modName] : null; } }; //图片预加载 Layui.prototype.img = function(url, callback, error) { var img = new Image(); img.src = url; if(img.complete){ return callback(img); } img.onload = function(){ img.onload = null; typeof callback === 'function' && callback(img); }; img.onerror = function(e){ img.onerror = null; typeof error === 'function' && error(e); }; }; //全局配置 Layui.prototype.config = function(options){ options = options || {}; for(var key in options){ config[key] = options[key]; } return this; }; //记录全部模块 Layui.prototype.modules = function(){ var clone = {}; for(var o in modules){ clone[o] = modules[o]; } return clone; }(); //拓展模块 Layui.prototype.extend = function(options){ var that = this; //验证模块是否被占用 options = options || {}; for(var o in options){ if(that[o] || that.modules[o]){ error(o+ ' Module already exists', 'error'); } else { that.modules[o] = options[o]; } } return that; }; // location.hash 路由解析 Layui.prototype.router = function(hash){ var that = this ,hash = hash || location.hash ,data = { path: [] ,search: {} ,hash: (hash.match(/[^#](#.*$)/) || [])[1] || '' }; if(!/^#\//.test(hash)) return data; //禁止非路由规范 hash = hash.replace(/^#\//, ''); data.href = '/' + hash; hash = hash.replace(/([^#])(#.*$)/, '$1').split('/') || []; //提取 Hash 结构 that.each(hash, function(index, item){ /^\w+=/.test(item) ? function(){ item = item.split('='); data.search[item[0]] = item[1]; }() : data.path.push(item); }); return data; }; //URL 解析 Layui.prototype.url = function(href){ var that = this ,data = { //提取 url 路径 pathname: function(){ var pathname = href ? function(){ var str = (href.match(/\.[^.]+?\/.+/) || [])[0] || ''; return str.replace(/^[^\/]+/, '').replace(/\?.+/, ''); }() : location.pathname; return pathname.replace(/^\//, '').split('/'); }() //提取 url 参数 ,search: function(){ var obj = {} ,search = (href ? function(){ var str = (href.match(/\?.+/) || [])[0] || ''; return str.replace(/\#.+/, ''); }() : location.search ).replace(/^\?+/, '').split('&'); //去除 ?,按 & 分割参数 //遍历分割后的参数 that.each(search, function(index, item){ var _index = item.indexOf('=') ,key = function(){ //提取 key if(_index < 0){ return item.substr(0, item.length); } else if(_index === 0){ return false; } else { return item.substr(0, _index); } }(); //提取 value if(key){ obj[key] = _index > 0 ? item.substr(_index + 1) : null; } }); return obj; }() //提取 Hash ,hash: that.router(function(){ return href ? ((href.match(/#.+/) || [])[0] || '/') : location.hash; }()) }; return data; }; //本地持久性存储 Layui.prototype.data = function(table, settings, storage){ table = table || 'layui'; storage = storage || localStorage; if(!win.JSON || !win.JSON.parse) return; //如果settings为null,则删除表 if(settings === null){ return delete storage[table]; } settings = typeof settings === 'object' ? settings : {key: settings}; try{ var data = JSON.parse(storage[table]); } catch(e){ var data = {}; } if('value' in settings) data[settings.key] = settings.value; if(settings.remove) delete data[settings.key]; storage[table] = JSON.stringify(data); return settings.key ? data[settings.key] : data; }; //本地会话性存储 Layui.prototype.sessionData = function(table, settings){ return this.data(table, settings, sessionStorage); } //设备信息 Layui.prototype.device = function(key){ var agent = navigator.userAgent.toLowerCase() //获取版本号 ,getVersion = function(label){ var exp = new RegExp(label + '/([^\\s\\_\\-]+)'); label = (agent.match(exp)||[])[1]; return label || false; } //返回结果集 ,result = { os: function(){ //底层操作系统 if(/windows/.test(agent)){ return 'windows'; } else if(/linux/.test(agent)){ return 'linux'; } else if(/iphone|ipod|ipad|ios/.test(agent)){ return 'ios'; } else if(/mac/.test(agent)){ return 'mac'; } }() ,ie: function(){ //ie版本 return (!!win.ActiveXObject || "ActiveXObject" in win) ? ( (agent.match(/msie\s(\d+)/) || [])[1] || '11' //由于ie11并没有msie的标识 ) : false; }() ,weixin: getVersion('micromessenger') //是否微信 }; //任意的key if(key && !result[key]){ result[key] = getVersion(key); } //移动设备 result.android = /android/.test(agent); result.ios = result.os === 'ios'; result.mobile = (result.android || result.ios) ? true : false; return result; }; //提示 Layui.prototype.hint = function(){ return { error: error }; }; //typeof 类型细分 -> string/number/boolean/undefined/null、object/array/function/… Layui.prototype._typeof = function(operand){ if(operand === null) return String(operand); //细分引用类型 return (typeof operand === 'object' || typeof operand === 'function') ? function(){ var type = Object.prototype.toString.call(operand).match(/\s(.+)\]$/) || [] //匹配类型字符 ,classType = 'Function|Array|Date|RegExp|Object|Error|Symbol'; //常见类型字符 type = type[1] || 'Object'; //除匹配到的类型外,其他对象均返回 object return new RegExp('\\b('+ classType + ')\\b').test(type) ? type.toLowerCase() : 'object'; }() : typeof operand; }; //对象是否具备数组结构(此处为兼容 jQuery 对象) Layui.prototype._isArray = function(obj){ var that = this ,len ,type = that._typeof(obj); if(!obj || (typeof obj !== 'object') || obj === win) return false; len = 'length' in obj && obj.length; //兼容 ie return type === 'array' || len === 0 || ( typeof len === 'number' && len > 0 && (len - 1) in obj //兼容 jQuery 对象 ); }; //遍历 Layui.prototype.each = function(obj, fn){ var key ,that = this ,callFn = function(key, obj){ //回调 return fn.call(obj[key], key, obj[key]) }; if(typeof fn !== 'function') return that; obj = obj || []; //优先处理数组结构 if(that._isArray(obj)){ for(key = 0; key < obj.length; key++){ if(callFn(key, obj)) break; } } else { for(key in obj){ if(callFn(key, obj)) break; } } return that; }; //将数组中的对象按其某个成员排序 Layui.prototype.sort = function(obj, key, desc){ var clone = JSON.parse( JSON.stringify(obj || []) ); if(!key) return clone; //如果是数字,按大小排序;如果是非数字,则按字典序排序 clone.sort(function(o1, o2){ var isNum = /^-?\d+$/ ,v1 = o1[key] ,v2 = o2[key]; if(isNum.test(v1)) v1 = parseFloat(v1); if(isNum.test(v2)) v2 = parseFloat(v2); return v1 - v2; /* if(v1 && !v2){ return 1; } else if(!v1 && v2){ return -1; } if(v1 > v2){ return 1; } else if (v1 < v2) { return -1; } else { return 0; } */ }); desc && clone.reverse(); //倒序 return clone; }; //阻止事件冒泡 Layui.prototype.stope = function(thisEvent){ thisEvent = thisEvent || win.event; try { thisEvent.stopPropagation() } catch(e){ thisEvent.cancelBubble = true; } }; //字符常理 var EV_REMOVE = 'LAYUI-EVENT-REMOVE'; //自定义模块事件 Layui.prototype.onevent = function(modName, events, callback){ if(typeof modName !== 'string' || typeof callback !== 'function') return this; return Layui.event(modName, events, null, callback); }; //执行自定义模块事件 Layui.prototype.event = Layui.event = function(modName, events, params, fn){ var that = this ,result = null ,filter = (events || '').match(/\((.*)\)$/)||[] //提取事件过滤器字符结构,如:select(xxx) ,eventName = (modName + '.'+ events).replace(filter[0], '') //获取事件名称,如:form.select ,filterName = filter[1] || '' //获取过滤器名称,,如:xxx ,callback = function(_, item){ var res = item && item.call(that, params); res === false && result === null && (result = false); }; //如果参数传入特定字符,则执行移除事件 if(params === EV_REMOVE){ delete (that.cache.event[eventName] || {})[filterName]; return that; } //添加事件 if(fn){ config.event[eventName] = config.event[eventName] || {}; //这里不再对重复事件做支持 //config.event[eventName][filterName] ? config.event[eventName][filterName].push(fn) : config.event[eventName][filterName] = [fn]; return this; } //执行事件回调 layui.each(config.event[eventName], function(key, item){ //执行当前模块的全部事件 if(filterName === '{*}'){ layui.each(item, callback); return; } //执行指定事件 key === '' && layui.each(item, callback); (filterName && key === filterName) && layui.each(item, callback); }); return result; }; //新增模块事件 Layui.prototype.on = function(events, modName, callback){ var that = this; return that.onevent.call(that, modName, events, callback); } //移除模块事件 Layui.prototype.off = function(events, modName){ var that = this; return that.event.call(that, modName, events, EV_REMOVE); }; //exports layui var layui = new Layui(); /*! lay 基础 DOM 操作 | MIT Licensed */ "use strict"; var MOD_NAME = 'lay' //模块名 ,document = window.document //DOM查找 ,lay = function(selector){ return new LAY(selector); } //DOM构造器 ,LAY = function(selector){ var index = 0 ,nativeDOM = typeof selector === 'object' ? [selector] : ( this.selector = selector ,document.querySelectorAll(selector || null) ); for(; index < nativeDOM.length; index++){ this.push(nativeDOM[index]); } }; /* lay 对象操作 */ LAY.prototype = []; LAY.prototype.constructor = LAY; //普通对象深度扩展 lay.extend = function(){ var ai = 1, args = arguments ,clone = function(target, obj){ target = target || (obj.constructor === Array ? [] : {}); for(var i in obj){ //如果值为对象,则进入递归,继续深度合并 target[i] = (obj[i] && (obj[i].constructor === Object)) ? clone(target[i], obj[i]) : obj[i]; } return target; } args[0] = typeof args[0] === 'object' ? args[0] : {}; for(; ai < args.length; ai++){ if(typeof args[ai] === 'object'){ clone(args[0], args[ai]) } } return args[0]; }; //lay 模块版本 lay.v = '1.0.7'; //ie版本 lay.ie = function(){ var agent = navigator.userAgent.toLowerCase(); return (!!window.ActiveXObject || "ActiveXObject" in window) ? ( (agent.match(/msie\s(\d+)/) || [])[1] || '11' //由于 ie11 并没有 msie 的标识 ) : false; }(); /** * 获取 layui 常见方法,以便用于组件单独版 */ lay.layui = layui; lay.getPath = layui.cache.dir; //获取当前 JS 所在目录 lay.stope = layui.stope; //中止冒泡 lay.each = function(){ //遍历 layui.each.apply(layui, arguments); return this; }; //数字前置补零 lay.digit = function(num, length, end){ var str = ''; num = String(num); length = length || 2; for(var i = num.length; i < length; i++){ str += '0'; } return num < Math.pow(10, length) ? str + (num|0) : num; }; //创建元素 lay.elem = function(elemName, attr){ var elem = document.createElement(elemName); lay.each(attr || {}, function(key, value){ elem.setAttribute(key, value); }); return elem; }; //当前页面是否存在滚动条 lay.hasScrollbar = function(){ return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight); }; //元素定位 lay.position = function(elem, elemView, obj){ if(!elemView) return; obj = obj || {}; //如果绑定的是 document 或 body 元素,则直接获取鼠标坐标 if(elem === document || elem === lay('body')[0]){ obj.clickType = 'right'; } //绑定绑定元素的坐标 var rect = obj.clickType === 'right' ? function(){ var e = obj.e || window.event || {}; return { left: e.clientX ,top: e.clientY ,right: e.clientX ,bottom: e.clientY } }() : elem.getBoundingClientRect() ,elemWidth = elemView.offsetWidth //控件的宽度 ,elemHeight = elemView.offsetHeight //控件的高度 //滚动条高度 ,scrollArea = function(type){ type = type ? 'scrollLeft' : 'scrollTop'; return document.body[type] | document.documentElement[type]; } //窗口宽高 ,winArea = function(type){ return document.documentElement[type ? 'clientWidth' : 'clientHeight'] }, margin = 5, left = rect.left, top = rect.bottom; //判断右侧是否超出边界 if(left + elemWidth + margin > winArea('width')){ left = winArea('width') - elemWidth - margin; //如果超出右侧,则将面板向右靠齐 } //判断底部和顶部是否超出边界 if(top + elemHeight + margin > winArea()){ //优先顶部是否有足够区域显示完全 if(rect.top > elemHeight + margin){ top = rect.top - elemHeight - margin*2; //顶部有足够的区域显示 } else { //如果面板是鼠标右键弹出,且顶部没有足够区域显示,则将面板向底部靠齐 if(obj.clickType === 'right'){ top = winArea() - elemHeight - margin*2; if(top < 0) top = 0; //不能溢出窗口顶部 } } } //定位类型 var position = obj.position; if(position) elemView.style.position = position; //设置坐标 elemView.style.left = left + (position === 'fixed' ? 0 : scrollArea(1)) + 'px'; elemView.style.top = top + (position === 'fixed' ? 0 : scrollArea()) + 'px'; //防止页面无滚动条时,又因为弹出面板而出现滚动条导致的坐标计算偏差 if(!lay.hasScrollbar()){ var rect1 = elemView.getBoundingClientRect(); //如果弹出面板的溢出窗口底部,则表示将出现滚动条,此时需要重新计算坐标 if(!obj.SYSTEM_RELOAD && (rect1.bottom + margin) > winArea()){ obj.SYSTEM_RELOAD = true; setTimeout(function(){ lay.position(elem, elemView, obj); }, 50); } } }; //获取元素上的参数配置上 lay.options = function(elem, attr){ var othis = lay(elem) ,attrName = attr || 'lay-options'; try { return new Function('return '+ (othis.attr(attrName) || '{}'))(); } catch(ev) { hint.error('parseerror:'+ ev, 'error'); return {}; } }; //元素是否属于顶级元素(document 或 body) lay.isTopElem = function(elem){ var topElems = [document, lay('body')[0]] ,matched = false; lay.each(topElems, function(index, item){ if(item === elem){ return matched = true } }); return matched; }; //追加字符 LAY.addStr = function(str, new_str){ str = str.replace(/\s+/, ' '); new_str = new_str.replace(/\s+/, ' ').split(' '); lay.each(new_str, function(ii, item){ if(!new RegExp('\\b'+ item + '\\b').test(str)){ str = str + ' ' + item; } }); return str.replace(/^\s|\s$/, ''); }; //移除值 LAY.removeStr = function(str, new_str){ str = str.replace(/\s+/, ' '); new_str = new_str.replace(/\s+/, ' ').split(' '); lay.each(new_str, function(ii, item){ var exp = new RegExp('\\b'+ item + '\\b') if(exp.test(str)){ str = str.replace(exp, ''); } }); return str.replace(/\s+/, ' ').replace(/^\s|\s$/, ''); }; //查找子元素 LAY.prototype.find = function(selector){ var that = this; var index = 0, arr = [] ,isObject = typeof selector === 'object'; this.each(function(i, item){ var nativeDOM = isObject ? item.contains(selector) : item.querySelectorAll(selector || null); for(; index < nativeDOM.length; index++){ arr.push(nativeDOM[index]); } that.shift(); }); if(!isObject){ that.selector = (that.selector ? that.selector + ' ' : '') + selector } lay.each(arr, function(i, item){ that.push(item); }); return that; }; //DOM遍历 LAY.prototype.each = function(fn){ return lay.each.call(this, this, fn); }; //添加css类 LAY.prototype.addClass = function(className, type){ return this.each(function(index, item){ item.className = LAY[type ? 'removeStr' : 'addStr'](item.className, className) }); }; //移除 css 类 LAY.prototype.removeClass = function(className){ return this.addClass(className, true); }; //是否包含 css 类 LAY.prototype.hasClass = function(className){ var has = false; this.each(function(index, item){ if(new RegExp('\\b'+ className +'\\b').test(item.className)){ has = true; } }); return has; }; //添加或获取 css style LAY.prototype.css = function(key, value){ var that = this ,parseValue = function(v){ return isNaN(v) ? v : (v +'px'); }; return (typeof key === 'string' && value === undefined) ? function(){ if(that.length > 0) return that[0].style[key]; }() : that.each(function(index, item){ typeof key === 'object' ? lay.each(key, function(thisKey, thisValue){ item.style[thisKey] = parseValue(thisValue); }) : item.style[key] = parseValue(value); }); }; //添加或获取宽度 LAY.prototype.width = function(value){ var that = this; return value === undefined ? function(){ if(that.length > 0) return that[0].offsetWidth; //此处还需做兼容 }() : that.each(function(index, item){ that.css('width', value); }); }; //添加或获取高度 LAY.prototype.height = function(value){ var that = this; return value === undefined ? function(){ if(that.length > 0) return that[0].offsetHeight; //此处还需做兼容 }() : that.each(function(index, item){ that.css('height', value); }); }; //添加或获取属性 LAY.prototype.attr = function(key, value){ var that = this; return value === undefined ? function(){ if(that.length > 0) return that[0].getAttribute(key); }() : that.each(function(index, item){ item.setAttribute(key, value); }); }; //移除属性 LAY.prototype.removeAttr = function(key){ return this.each(function(index, item){ item.removeAttribute(key); }); }; //设置或获取 HTML 内容 LAY.prototype.html = function(html){ var that = this; return html === undefined ? function(){ if(that.length > 0) return that[0].innerHTML; }() : this.each(function(index, item){ item.innerHTML = html; }); }; //设置或获取值 LAY.prototype.val = function(value){ var that = this; return value === undefined ? function(){ if(that.length > 0) return that[0].value; }() : this.each(function(index, item){ item.value = value; }); }; //追加内容 LAY.prototype.append = function(elem){ return this.each(function(index, item){ typeof elem === 'object' ? item.appendChild(elem) : item.innerHTML = item.innerHTML + elem; }); }; //移除内容 LAY.prototype.remove = function(elem){ return this.each(function(index, item){ elem ? item.removeChild(elem) : item.parentNode.removeChild(item); }); }; //事件绑定 LAY.prototype.on = function(eventName, fn){ return this.each(function(index, item){ item.attachEvent ? item.attachEvent('on' + eventName, function(e){ e.target = e.srcElement; fn.call(item, e); }) : item.addEventListener(eventName, fn, false); }); }; //解除事件 LAY.prototype.off = function(eventName, fn){ return this.each(function(index, item){ item.detachEvent ? item.detachEvent('on'+ eventName, fn) : item.removeEventListener(eventName, fn, false); }); }; //暴露 lay 到全局作用域 window.lay = lay; //如果在 layui 体系中 if(window.layui && layui.define){ layui.define(function(exports){ //layui 加载 exports(MOD_NAME, lay); }); } }(window, window.document); /*! layDate 日期与时间控件 | MIT Licensed */ ;!function(window, document){ "use strict"; var isLayui = window.layui && layui.define, ready = { getPath: (window.lay && lay.getPath) ? lay.getPath : '' //载入 CSS 依赖 ,link: function(href, fn, cssname){ //未设置路径,则不主动加载 css if(!laydate.path) return; //加载 css if(window.lay && lay.layui){ lay.layui.link(laydate.path + href, fn, cssname); } } } //识别预先可能定义的指定全局对象 ,GLOBAL = window.LAYUI_GLOBAL || {} //外部调用 ,laydate = { v: '5.3.1' //layDate 版本号 ,config: {} //全局配置项 ,index: (window.laydate && window.laydate.v) ? 100000 : 0 ,path: GLOBAL.laydate_dir || ready.getPath //设置全局项 ,set: function(options){ var that = this; that.config = lay.extend({}, that.config, options); return that; } //主体CSS等待事件 ,ready: function(fn){ var cssname = 'laydate', ver = '' ,path = (isLayui ? 'modules/laydate/' : 'theme/') + 'default/laydate.css?v='+ laydate.v + ver; isLayui ? layui.addcss(path, fn, cssname) : ready.link(path, fn, cssname); return this; } } //操作当前实例 ,thisModule = function(){ var that = this ,options = that.config ,id = options.id; thisModule.that[id] = that; //记录当前实例对象 return { //提示框 hint: function(content){ that.hint.call(that, content); } ,config: that.config }; } //字符常量 ,MOD_NAME = 'laydate', ELEM = '.layui-laydate', THIS = 'layui-this', SHOW = 'layui-show', HIDE = 'layui-hide', DISABLED = 'laydate-disabled', LIMIT_YEAR = [100, 200000] ,ELEM_STATIC = 'layui-laydate-static', ELEM_LIST = 'layui-laydate-list', ELEM_SELECTED = 'laydate-selected', ELEM_HINT = 'layui-laydate-hint', ELEM_PREV = 'laydate-day-prev', ELEM_NEXT = 'laydate-day-next', ELEM_FOOTER = 'layui-laydate-footer', ELEM_CONFIRM = '.laydate-btns-confirm', ELEM_TIME_TEXT = 'laydate-time-text', ELEM_TIME_BTN = 'laydate-btns-time', ELEM_PREVIEW = 'layui-laydate-preview' //组件构造器 ,Class = function(options){ var that = this; that.index = ++laydate.index; that.config = lay.extend({}, that.config, laydate.config, options); //初始化 id 参数 options = that.config; options.id = ('id' in options) ? options.id : that.index; //初始化 laydate.ready(function(){ that.init(); }); } //日期格式字符 ,dateType = 'yyyy|y|MM|M|dd|d|HH|H|mm|m|ss|s'; //将日期格式字符转换为数组 thisModule.formatArr = function(format){ return (format || '').match(new RegExp(dateType + '|.', 'g')) || [] }; /* 组件操作 */ //是否闰年 Class.isLeapYear = function(year){ return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0; }; //默认配置 Class.prototype.config = { type: 'date' //控件类型,支持:year/month/date/time/datetime ,range: false //是否开启范围选择,即双控件 ,format: 'yyyy-MM-dd' //默认日期格式 ,value: null //默认日期,支持传入new Date(),或者符合format参数设定的日期格式字符 ,isInitValue: true //用于控制是否自动向元素填充初始值(需配合 value 参数使用) ,min: '1900-1-1' //有效最小日期,年月日必须用“-”分割,时分秒必须用“:”分割。注意:它并不是遵循 format 设定的格式。 ,max: '2099-12-31' //有效最大日期,同上 ,trigger: 'click' //呼出控件的事件 ,show: false //是否直接显示,如果设置 true,则默认直接显示控件 ,showBottom: true //是否显示底部栏 ,isPreview: true //是否显示值预览 ,btns: ['clear', 'now', 'confirm'] //右下角显示的按钮,会按照数组顺序排列 ,lang: window.lang || 'zh_CN' //语言,只支持cn/en,即中文和英文 ,theme: 'default' //主题 ,position: null //控件定位方式定位, 默认absolute,支持:fixed/absolute/static ,calendar: false //是否开启公历重要节日,仅支持中文版 ,mark: {} //日期备注,如重要事件或活动标记 ,zIndex: null //控件层叠顺序 ,done: null //控件选择完毕后的回调,点击清空/现在/确定也均会触发 ,change: null //日期时间改变后的回调 }; //多语言 Class.prototype.lang = function(){ var that = this ,options = that.config ,text = { zh_CN: { weeks: ['日', '一', '二', '三', '四', '五', '六'] ,time: ['时', '分', '秒'] ,timeTips: '选择时间' ,startTime: '开始时间' ,endTime: '结束时间' ,dateTips: '返回日期' ,month: ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二'] ,tools: { confirm: '确定' ,clear: '清空' ,now: '现在' } ,timeout: '结束时间不能早于开始时间
请重新选择' ,invalidDate: '不在有效日期或时间范围内' ,formatError: ['日期格式不合法
必须遵循下述格式:
', '
已为你重置'] ,preview: '当前选中的结果' } ,en: { weeks: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'] ,time: ['Hours', 'Minutes', 'Seconds'] ,timeTips: 'Select Time' ,startTime: 'Start Time' ,endTime: 'End Time' ,dateTips: 'Select Date' ,month: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] ,tools: { confirm: 'Confirm' ,clear: 'Clear' ,now: 'Now' } ,timeout: 'End time cannot be less than start Time
Please re-select' ,invalidDate: 'Invalid date' ,formatError: ['The date format error
Must be followed:
', '
It has been reset'] ,preview: 'The selected result' } }; return text[options.lang] || text['zh_CN']; }; //初始准备 Class.prototype.init = function(){ var that = this ,options = that.config ,isStatic = options.position === 'static' ,format = { year: 'yyyy' ,month: 'yyyy-MM' ,date: 'yyyy-MM-dd' ,time: 'HH:mm:ss' ,datetime: 'yyyy-MM-dd HH:mm:ss' }; options.elem = lay(options.elem); options.eventElem = lay(options.eventElem); if(!options.elem[0]) return; //日期范围分隔符 that.rangeStr = options.range ? (typeof options.range === 'string' ? options.range : '-') : ''; //若 range 参数为数组,则表示为开始日期和结束日期的 input 对象 if(options.range && options.range.constructor === Array){ that.rangeElem = [ lay(options.range[0]), lay(options.range[1]) ]; } //若 type 设置非法,则初始化为 date 类型 if(!format[options.type]){ window.console && console.error && console.error('laydate type error:\''+ options.type + '\' is not supported') options.type = 'date'; } //根据不同 type,初始化默认 format if(options.format === format.date){ options.format = format[options.type] || format.date; } //将日期格式转化成数组 that.format = thisModule.formatArr(options.format); //生成正则表达式 that.EXP_IF = ''; that.EXP_SPLIT = ''; lay.each(that.format, function(i, item){ var EXP = new RegExp(dateType).test(item) ? '\\d{'+ function(){ if(new RegExp(dateType).test(that.format[i === 0 ? i + 1 : i - 1]||'')){ if(/^yyyy|y$/.test(item)) return 4; return item.length; } if(/^yyyy$/.test(item)) return '1,4'; if(/^y$/.test(item)) return '1,308'; return '1,2'; }() +'}' : '\\' + item; that.EXP_IF = that.EXP_IF + EXP; that.EXP_SPLIT = that.EXP_SPLIT + '(' + EXP + ')'; }); //验证日期格式正则 that.EXP_IF_ONE = new RegExp('^'+ that.EXP_IF +'$'); //验证单个日期格式 that.EXP_IF = new RegExp('^'+ ( options.range ? that.EXP_IF + '\\s\\'+ that.rangeStr + '\\s' + that.EXP_IF : that.EXP_IF ) +'$'); that.EXP_SPLIT = new RegExp('^'+ that.EXP_SPLIT +'$', ''); //如果不是input|textarea元素,则默认采用click事件 if(!that.isInput(options.elem[0])){ if(options.trigger === 'focus'){ options.trigger = 'click'; } } //设置唯一KEY if(!options.elem.attr('lay-key')){ options.elem.attr('lay-key', that.index); options.eventElem.attr('lay-key', that.index); } //记录重要日期 options.mark = lay.extend({}, (options.calendar && options.lang === 'cn') ? { '0-1-1': '元旦' ,'0-2-14': '情人' ,'0-3-8': '妇女' ,'0-3-12': '植树' ,'0-4-1': '愚人' ,'0-5-1': '劳动' ,'0-5-4': '青年' ,'0-6-1': '儿童' ,'0-9-10': '教师' ,'0-9-18': '国耻' ,'0-10-1': '国庆' ,'0-12-25': '圣诞' } : {}, options.mark); //获取限制内日期 lay.each(['min', 'max'], function(i, item){ var ymd = [], hms = []; if(typeof options[item] === 'number'){ //如果为数字 var day = options[item] ,time = new Date().getTime() ,STAMP = 86400000 //代表一天的毫秒数 ,thisDate = new Date( day ? ( day < STAMP ? time + day*STAMP : day //如果数字小于一天的毫秒数,则数字为天数,否则为毫秒数 ) : time ); ymd = [thisDate.getFullYear(), thisDate.getMonth() + 1, thisDate.getDate()]; day < STAMP || (hms = [thisDate.getHours(), thisDate.getMinutes(), thisDate.getSeconds()]); } else { ymd = (options[item].match(/\d+-\d+-\d+/) || [''])[0].split('-'); hms = (options[item].match(/\d+:\d+:\d+/) || [''])[0].split(':'); } options[item] = { year: ymd[0] | 0 || new Date().getFullYear() ,month: ymd[1] ? (ymd[1] | 0) - 1 : new Date().getMonth() ,date: ymd[2] | 0 || new Date().getDate() ,hours: hms[0] | 0 ,minutes: hms[1] | 0 ,seconds: hms[2] | 0 }; }); that.elemID = 'layui-laydate'+ options.elem.attr('lay-key'); if(options.show || isStatic) that.render(); isStatic || that.events(); //默认赋值 if(options.value && options.isInitValue){ if(options.value.constructor === Date){ that.setValue(that.parse(0, that.systemDate(options.value))); } else { that.setValue(options.value); } } }; //控件主体渲染 Class.prototype.render = function(){ var that = this ,options = that.config ,lang = that.lang() ,isStatic = options.position === 'static' //主面板 ,elem = that.elem = lay.elem('div', { id: that.elemID ,'class': [ 'layui-laydate' ,options.range ? ' layui-laydate-range' : '' ,isStatic ? (' '+ ELEM_STATIC) : '' ,options.theme && options.theme !== 'default' && !/^#/.test(options.theme) ? (' laydate-theme-' + options.theme) : '' ].join('') }) //主区域 ,elemMain = that.elemMain = [] ,elemHeader = that.elemHeader = [] ,elemCont = that.elemCont = [] ,elemTable = that.table = [] //底部区域 ,divFooter = that.footer = lay.elem('div', { 'class': ELEM_FOOTER }); if(options.zIndex) elem.style.zIndex = options.zIndex; //单双日历区域 lay.each(new Array(2), function(i){ if(!options.range && i > 0){ return true; } //头部区域 var divHeader = lay.elem('div', { 'class': 'layui-laydate-header' }) //左右切换 ,headerChild = [function(){ //上一年 var elem = lay.elem('i', { 'class': 'layui-icon laydate-icon laydate-prev-y' }); elem.innerHTML = ''; return elem; }(), function(){ //上一月 var elem = lay.elem('i', { 'class': 'layui-icon laydate-icon laydate-prev-m' }); elem.innerHTML = ''; return elem; }(), function(){ //年月选择 var elem = lay.elem('div', { 'class': 'laydate-set-ym' }), spanY = lay.elem('span'), spanM = lay.elem('span'); elem.appendChild(spanY); elem.appendChild(spanM); return elem; }(), function(){ //下一月 var elem = lay.elem('i', { 'class': 'layui-icon laydate-icon laydate-next-m' }); elem.innerHTML = ''; return elem; }(), function(){ //下一年 var elem = lay.elem('i', { 'class': 'layui-icon laydate-icon laydate-next-y' }); elem.innerHTML = ''; return elem; }()] //日历内容区域 ,divContent = lay.elem('div', { 'class': 'layui-laydate-content' }) ,table = lay.elem('table') ,thead = lay.elem('thead'), theadTr = lay.elem('tr'); //生成年月选择 lay.each(headerChild, function(i, item){ divHeader.appendChild(item); }); //生成表格 thead.appendChild(theadTr); lay.each(new Array(6), function(i){ //表体 var tr = table.insertRow(0); lay.each(new Array(7), function(j){ if(i === 0){ var th = lay.elem('th'); th.innerHTML = lang.weeks[j]; theadTr.appendChild(th); } tr.insertCell(j); }); }); table.insertBefore(thead, table.children[0]); //表头 divContent.appendChild(table); elemMain[i] = lay.elem('div', { 'class': 'layui-laydate-main laydate-main-list-'+ i }); elemMain[i].appendChild(divHeader); elemMain[i].appendChild(divContent); elemHeader.push(headerChild); elemCont.push(divContent); elemTable.push(table); }); //生成底部栏 lay(divFooter).html(function(){ var html = [], btns = []; if(options.type === 'datetime'){ html.push(''+ lang.timeTips +''); } if(!(!options.range && options.type === 'datetime')){ html.push('') } lay.each(options.btns, function(i, item){ var title = lang.tools[item] || 'btn'; if(options.range && item === 'now') return; if(isStatic && item === 'clear') title = options.lang === 'cn' ? '重置' : 'Reset'; btns.push(''+ title +''); }); html.push(''); return html.join(''); }()); //插入到主区域 lay.each(elemMain, function(i, main){ elem.appendChild(main); }); options.showBottom && elem.appendChild(divFooter); //生成自定义主题 if(/^#/.test(options.theme)){ var style = lay.elem('style') ,styleText = [ '#{{id}} .layui-laydate-header{background-color:{{theme}};}' ,'#{{id}} .layui-this{background-color:{{theme}} !important;}' ].join('').replace(/{{id}}/g, that.elemID).replace(/{{theme}}/g, options.theme); if('styleSheet' in style){ style.setAttribute('type', 'text/css'); style.styleSheet.cssText = styleText; } else { style.innerHTML = styleText; } lay(elem).addClass('laydate-theme-molv'); elem.appendChild(style); } //记录当前执行的实例索引 laydate.thisId = options.id; //移除上一个控件 that.remove(Class.thisElemDate); //如果是静态定位,则插入到指定的容器中,否则,插入到body isStatic ? options.elem.append(elem) : ( document.body.appendChild(elem) ,that.position() //定位 ); that.checkDate().calendar(null, 0, 'init'); //初始校验 that.changeEvent(); //日期切换 Class.thisElemDate = that.elemID; typeof options.ready === 'function' && options.ready(lay.extend({}, options.dateTime, { month: options.dateTime.month + 1 })); that.preview(); }; //控件移除 Class.prototype.remove = function(prev){ var that = this ,options = that.config ,elem = lay('#'+ (prev || that.elemID)); if(!elem[0]) return that; if(!elem.hasClass(ELEM_STATIC)){ that.checkDate(function(){ elem.remove(); //delete options.dateTime; //delete that.endDate; }); } return that; }; //定位算法 Class.prototype.position = function(){ var that = this ,options = that.config; lay.position(that.bindElem || options.elem[0], that.elem, { position: options.position }); return that; }; //提示 Class.prototype.hint = function(content){ var that = this ,options = that.config ,div = lay.elem('div', { 'class': ELEM_HINT }); if(!that.elem) return; div.innerHTML = content || ''; lay(that.elem).find('.'+ ELEM_HINT).remove(); that.elem.appendChild(div); clearTimeout(that.hinTimer); that.hinTimer = setTimeout(function(){ lay(that.elem).find('.'+ ELEM_HINT).remove(); }, 3000); }; //获取递增/减后的年月 Class.prototype.getAsYM = function(Y, M, type){ type ? M-- : M++; if(M < 0){ M = 11; Y--; } if(M > 11){ M = 0; Y++; } return [Y, M]; }; //系统日期 Class.prototype.systemDate = function(newDate){ var thisDate = newDate || new Date(); return { year: thisDate.getFullYear() //年 ,month: thisDate.getMonth() //月 ,date: thisDate.getDate() //日 ,hours: newDate ? newDate.getHours() : 0 //时 ,minutes: newDate ? newDate.getMinutes() : 0 //分 ,seconds: newDate ? newDate.getSeconds() : 0 //秒 } }; //日期校验 Class.prototype.checkDate = function(fn){ var that = this ,thisDate = new Date() ,options = that.config ,lang = that.lang() ,dateTime = options.dateTime = options.dateTime || that.systemDate() ,thisMaxDate, error ,elem = that.bindElem || options.elem[0] ,valType = that.isInput(elem) ? 'val' : 'html' ,value = function(){ //如果传入了开始和结束日期的 input 对象,则将其拼接为日期范围字符 if(that.rangeElem){ var vals = [that.rangeElem[0].val(), that.rangeElem[1].val()]; if(vals[0] && vals[1]){ return vals.join(' ' + that.rangeStr + ' '); } } return that.isInput(elem) ? elem.value : (options.position === 'static' ? '' : lay(elem).attr('lay-date')); }() //校验日期有效数字 ,checkValid = function(dateTime){ if(dateTime.year > LIMIT_YEAR[1]) dateTime.year = LIMIT_YEAR[1], error = true; //不能超过20万年 if(dateTime.month > 11) dateTime.month = 11, error = true; if(dateTime.hours > 23) dateTime.hours = 0, error = true; if(dateTime.minutes > 59) dateTime.minutes = 0, dateTime.hours++, error = true; if(dateTime.seconds > 59) dateTime.seconds = 0, dateTime.minutes++, error = true; //计算当前月的最后一天 thisMaxDate = laydate.getEndDate(dateTime.month + 1, dateTime.year); if(dateTime.date > thisMaxDate) dateTime.date = thisMaxDate, error = true; } //获得初始化日期值 ,initDate = function(dateTime, value, index){ var startEnd = ['startTime', 'endTime']; value = (value.match(that.EXP_SPLIT) || []).slice(1); index = index || 0; if(options.range){ that[startEnd[index]] = that[startEnd[index]] || {}; } lay.each(that.format, function(i, item){ var thisv = parseFloat(value[i]); if(value[i].length < item.length) error = true; if(/yyyy|y/.test(item)){ //年 if(thisv < LIMIT_YEAR[0]) thisv = LIMIT_YEAR[0], error = true; //年不能低于100年 dateTime.year = thisv; } else if(/MM|M/.test(item)){ //月 if(thisv < 1) thisv = 1, error = true; dateTime.month = thisv - 1; } else if(/dd|d/.test(item)){ //日 if(thisv < 1) thisv = 1, error = true; dateTime.date = thisv; } else if(/HH|H/.test(item)){ //时 if(thisv < 1) thisv = 0, error = true; dateTime.hours = thisv; options.range && (that[startEnd[index]].hours = thisv); } else if(/mm|m/.test(item)){ //分 if(thisv < 1) thisv = 0, error = true; dateTime.minutes = thisv; options.range && (that[startEnd[index]].minutes = thisv); } else if(/ss|s/.test(item)){ //秒 if(thisv < 1) thisv = 0, error = true; dateTime.seconds = thisv; options.range && (that[startEnd[index]].seconds = thisv); } }); checkValid(dateTime); }; if(fn === 'limit') return checkValid(dateTime), that; value = value || options.value; if(typeof value === 'string'){ value = value.replace(/\s+/g, ' ').replace(/^\s|\s$/g, ''); } //如果开启范围,则计算结束日期 var getEndDate = function(){ if(options.range){ that.endDate = that.endDate || lay.extend({}, options.dateTime, function(){ var obj = {} ,dateTime = options.dateTime ,EYM = that.getAsYM(dateTime.year, dateTime.month); //初始右侧面板的年月 if(options.type === 'year'){ obj.year = dateTime.year + 1; } else if(options.type !== 'time'){ obj.year = EYM[0]; obj.month = EYM[1]; } //初始右侧面板的时间 if(options.type === 'datetime' || options.type === 'time'){ obj.hours = 23; obj.minutes = obj.seconds = 59; } return obj; }()); } }; getEndDate(); if(typeof value === 'string' && value){ if(that.EXP_IF.test(value)){ //校验日期格式 if(options.range){ value = value.split(' '+ that.rangeStr +' '); lay.each([options.dateTime, that.endDate], function(i, item){ initDate(item, value[i], i); }); } else { initDate(dateTime, value); } } else { //格式不合法 that.hint(lang.formatError[0] + ( options.range ? (options.format + ' '+ that.rangeStr +' ' + options.format) : options.format ) + lang.formatError[1]); error = true; } } else if(value && value.constructor === Date){ //如果值为日期对象时 options.dateTime = that.systemDate(value); } else { //重置开始日期 options.dateTime = that.systemDate(); delete that.startTime; //重置结束日期 delete that.endDate; //删除原有的结束日期 getEndDate(); //并重新获得新的结束日期 delete that.endTime; } //从日期范围表单中获取初始值 (function(){ if(that.rangeElem){ var vals = [that.rangeElem[0].val(), that.rangeElem[1].val()] ,arrDate = [options.dateTime, that.endDate]; lay.each(vals, function(_i, _v){ if(that.EXP_IF_ONE.test(_v)){ //校验日期格式 initDate(arrDate[_i], _v, _i); } }); } })(); //校验日期有效数字 checkValid(dateTime); if(options.range) checkValid(that.endDate); //如果初始值格式错误,则纠正初始值 if(error && value){ that.setValue( options.range ? (that.endDate ? that.parse() : '') : that.parse() ); } //如果当前日期不在设定的最大小日期区间,则自动纠正在可选区域 var getDateTime = function(obj){ return that.newDate(obj).getTime(); }; //校验主面板是否在可选日期区间 if(getDateTime(dateTime) > getDateTime(options.max) || getDateTime(dateTime) < getDateTime(options.min)){ dateTime = options.dateTime = lay.extend({}, options.min); } //校验右侧面板是否在可选日期区间 if(options.range){ if(getDateTime(that.endDate) < getDateTime(options.min) || getDateTime(that.endDate) > getDateTime(options.max)){ that.endDate = lay.extend({}, options.max); } } fn && fn(); return that; }; //公历重要日期与自定义备注 Class.prototype.mark = function(td, YMD){ var that = this ,mark, options = that.config; lay.each(options.mark, function(key, title){ var keys = key.split('-'); if((keys[0] == YMD[0] || keys[0] == 0) //每年的每月 && (keys[1] == YMD[1] || keys[1] == 0) //每月的每日 && keys[2] == YMD[2]){ //特定日 mark = title || YMD[2]; } }); mark && td.html(''+ mark +''); return that; }; //无效日期范围的标记 Class.prototype.limit = function(elem, date, index, time){ var that = this ,options = that.config, timestrap = {} ,dateTime = options[index > 41 ? 'endDate' : 'dateTime'] ,isOut, thisDateTime = lay.extend({}, dateTime, date || {}); lay.each({ now: thisDateTime ,min: options.min ,max: options.max }, function(key, item){ timestrap[key] = that.newDate(lay.extend({ year: item.year ,month: item.month ,date: item.date }, function(){ var hms = {}; lay.each(time, function(i, keys){ hms[keys] = item[keys]; }); return hms; }())).getTime(); //time:是否比较时分秒 }); isOut = timestrap.now < timestrap.min || timestrap.now > timestrap.max; elem && elem[isOut ? 'addClass' : 'removeClass'](DISABLED); return isOut; }; //当前日期对象 Class.prototype.thisDateTime = function(index){ var that = this ,options = that.config; return index ? that.endDate: options.dateTime; }; //日历表 Class.prototype.calendar = function(value, index, type){ var that = this ,options = that.config ,index = index ? 1 : 0 ,dateTime = value || that.thisDateTime(index) ,thisDate = new Date(), startWeek, prevMaxDate, thisMaxDate ,lang = that.lang() ,isAlone = options.type !== 'date' && options.type !== 'datetime' ,tds = lay(that.table[index]).find('td') ,elemYM = lay(that.elemHeader[index][2]).find('span'); if(dateTime.year < LIMIT_YEAR[0]) dateTime.year = LIMIT_YEAR[0], that.hint(lang.invalidDate); if(dateTime.year > LIMIT_YEAR[1]) dateTime.year = LIMIT_YEAR[1], that.hint(lang.invalidDate); //记录初始值 if(!that.firstDate){ that.firstDate = lay.extend({}, dateTime); } //计算当前月第一天的星期 thisDate.setFullYear(dateTime.year, dateTime.month, 1); startWeek = thisDate.getDay(); prevMaxDate = laydate.getEndDate(dateTime.month || 12, dateTime.year); //计算上个月的最后一天 thisMaxDate = laydate.getEndDate(dateTime.month + 1, dateTime.year); //计算当前月的最后一天 //赋值日 lay.each(tds, function(index_, item){ var YMD = [dateTime.year, dateTime.month], st = 0; item = lay(item); item.removeAttr('class'); if(index_ < startWeek){ st = prevMaxDate - startWeek + index_; item.addClass('laydate-day-prev'); YMD = that.getAsYM(dateTime.year, dateTime.month, 'sub'); } else if(index_ >= startWeek && index_ < thisMaxDate + startWeek){ st = index_ - startWeek; st + 1 === dateTime.date && item.addClass(THIS); } else { st = index_ - thisMaxDate - startWeek; item.addClass('laydate-day-next'); YMD = that.getAsYM(dateTime.year, dateTime.month); } YMD[1]++; YMD[2] = st + 1; item.attr('lay-ymd', YMD.join('-')).html(YMD[2]); that.mark(item, YMD).limit(item, { year: YMD[0] ,month: YMD[1] - 1 ,date: YMD[2] }, index_); }); //同步头部年月 lay(elemYM[0]).attr('lay-ym', dateTime.year + '-' + (dateTime.month + 1)); lay(elemYM[1]).attr('lay-ym', dateTime.year + '-' + (dateTime.month + 1)); if(options.lang === 'cn'){ lay(elemYM[0]).attr('lay-type', 'year').html(dateTime.year + ' 年') lay(elemYM[1]).attr('lay-type', 'month').html((dateTime.month + 1) + ' 月'); } else { lay(elemYM[0]).attr('lay-type', 'month').html(lang.month[dateTime.month]); lay(elemYM[1]).attr('lay-type', 'year').html(dateTime.year); } //初始默认选择器 if(isAlone){ //年、月等独立选择器 if(options.range){ if(value){ that.listYM = [ [options.dateTime.year, options.dateTime.month + 1] ,[that.endDate.year, that.endDate.month + 1] ]; that.list(options.type, 0).list(options.type, 1); //同步按钮可点状态 options.type === 'time' ? that.setBtnStatus('时间' ,lay.extend({}, that.systemDate(), that.startTime) ,lay.extend({}, that.systemDate(), that.endTime) ) : that.setBtnStatus(true); } } else { that.listYM = [[dateTime.year, dateTime.month + 1]]; that.list(options.type, 0); } } //初始赋值双日历 if(options.range && type === 'init' && !value){ //执行渲染第二个日历 that.calendar(that.endDate, 1); } //通过检测当前有效日期,来设定确定按钮是否可点 if(!options.range) that.limit(lay(that.footer).find(ELEM_CONFIRM), null, 0, ['hours', 'minutes', 'seconds']); //同步按钮可点状态 that.setBtnStatus(); return that; }; //生成年月时分秒列表 Class.prototype.list = function(type, index){ var that = this ,options = that.config ,dateTime = options.dateTime ,lang = that.lang() ,isAlone = options.range && options.type !== 'date' && options.type !== 'datetime' //独立范围选择器 ,ul = lay.elem('ul', { 'class': ELEM_LIST + ' ' + ({ year: 'laydate-year-list' ,month: 'laydate-month-list' ,time: 'laydate-time-list' })[type] }) ,elemHeader = that.elemHeader[index] ,elemYM = lay(elemHeader[2]).find('span') ,elemCont = that.elemCont[index || 0] ,haveList = lay(elemCont).find('.'+ ELEM_LIST)[0] ,isCN = options.lang === 'cn' ,text = isCN ? '年' : '' ,listYM = that.listYM[index] || {} ,hms = ['hours', 'minutes', 'seconds'] ,startEnd = ['startTime', 'endTime'][index]; if(listYM[0] < 1) listYM[0] = 1; //生成年列表 if(type === 'year'){ var yearNum, startY = yearNum = listYM[0] - 7; if(startY < 1) startY = yearNum = 1; lay.each(new Array(15), function(i){ var li = lay.elem('li', { 'lay-ym': yearNum }), ymd = {year: yearNum}; yearNum == listYM[0] && lay(li).addClass(THIS); li.innerHTML = yearNum + text; ul.appendChild(li); if(yearNum < that.firstDate.year){ ymd.month = options.min.month; ymd.date = options.min.date; } else if(yearNum >= that.firstDate.year){ ymd.month = options.max.month; ymd.date = options.max.date; } that.limit(lay(li), ymd, index); yearNum++; }); lay(elemYM[isCN ? 0 : 1]).attr('lay-ym', (yearNum - 8) + '-' + listYM[1]) .html((startY + text) + ' - ' + (yearNum - 1 + text)); } //生成月列表 else if(type === 'month'){ lay.each(new Array(12), function(i){ var li = lay.elem('li', { 'lay-ym': i }), ymd = {year: listYM[0], month: i}; i + 1 == listYM[1] && lay(li).addClass(THIS); li.innerHTML = lang.month[i] + (isCN ? '月' : ''); ul.appendChild(li); if(listYM[0] < that.firstDate.year){ ymd.date = options.min.date; } else if(listYM[0] >= that.firstDate.year){ ymd.date = options.max.date; } that.limit(lay(li), ymd, index); }); lay(elemYM[isCN ? 0 : 1]).attr('lay-ym', listYM[0] + '-' + listYM[1]) .html(listYM[0] + text); } //生成时间列表 else if(type === 'time'){ //检测时分秒状态是否在有效日期时间范围内 var setTimeStatus = function(){ lay(ul).find('ol').each(function(i, ol){ lay(ol).find('li').each(function(ii, li){ that.limit(lay(li), [{ hours: ii }, { hours: that[startEnd].hours ,minutes: ii }, { hours: that[startEnd].hours ,minutes: that[startEnd].minutes ,seconds: ii }][i], index, [['hours'], ['hours', 'minutes'], ['hours', 'minutes', 'seconds']][i]); }); }); if(!options.range) that.limit(lay(that.footer).find(ELEM_CONFIRM), that[startEnd], 0, ['hours', 'minutes', 'seconds']); }; //初始化时间对象 if(options.range){ if(!that[startEnd]){ that[startEnd] = startEnd === 'startTime' ? dateTime : that.endDate; } } else { that[startEnd] = dateTime; } //生成时分秒 lay.each([24, 60, 60], function(i, item){ var li = lay.elem('li'), childUL = ['

'+ lang.time[i] +'

    ']; lay.each(new Array(item), function(ii){ childUL.push(''+ lay.digit(ii, 2) +''); }); li.innerHTML = childUL.join('') + '
'; ul.appendChild(li); }); setTimeStatus(); } //插入容器 if(haveList) elemCont.removeChild(haveList); elemCont.appendChild(ul); //年月面板 - 选择事件 if(type === 'year' || type === 'month'){ //显示切换箭头 lay(that.elemMain[index]).addClass('laydate-ym-show'); //选中 lay(ul).find('li').on('click', function(){ var ym = lay(this).attr('lay-ym') | 0; if(lay(this).hasClass(DISABLED)) return; if(index === 0){ dateTime[type] = ym; that.limit(lay(that.footer).find(ELEM_CONFIRM), null, 0); } else { //范围选择 that.endDate[type] = ym; } //当为年选择器或者年月选择器 var isYearOrMonth = options.type === 'year' || options.type === 'month'; if(isYearOrMonth){ lay(ul).find('.'+ THIS).removeClass(THIS); lay(this).addClass(THIS); //如果为年月选择器,点击了年列表,则切换到月选择器 if(options.type === 'month' && type === 'year'){ that.listYM[index][0] = ym; isAlone && ((index ? that.endDate : dateTime).year = ym); that.list('month', index); } } else { that.checkDate('limit').calendar(null, index); that.closeList(); } that.setBtnStatus(); //同步按钮可点状态 //若为月选择器,只有当选择月份时才自动关闭; //若为年选择器,选择年份即自动关闭 //且在范围未开启时 if(!options.range){ if((options.type === 'month' && type === 'month') || (options.type === 'year' && type === 'year')){ that.setValue(that.parse()).remove().done(); } } that.done(null, 'change'); lay(that.footer).find('.'+ ELEM_TIME_BTN).removeClass(DISABLED); }); } else { //时间选择面板 - 选择事件 var span = lay.elem('span', { 'class': ELEM_TIME_TEXT }) //滚动条定位 ,scroll = function(){ lay(ul).find('ol').each(function(i){ var ol = this ,li = lay(ol).find('li') ol.scrollTop = 30*(that[startEnd][hms[i]] - 2); if(ol.scrollTop <= 0){ li.each(function(ii, item){ if(!lay(this).hasClass(DISABLED)){ ol.scrollTop = 30*(ii - 2); return true; } }); } }); } ,haveSpan = lay(elemHeader[2]).find('.'+ ELEM_TIME_TEXT); scroll(); span.innerHTML = options.range ? [lang.startTime,lang.endTime][index] : lang.timeTips; lay(that.elemMain[index]).addClass('laydate-time-show'); if(haveSpan[0]) haveSpan.remove(); elemHeader[2].appendChild(span); lay(ul).find('ol').each(function(i){ var ol = this; //选择时分秒 lay(ol).find('li').on('click', function(){ var value = this.innerHTML | 0; if(lay(this).hasClass(DISABLED)) return; if(options.range){ that[startEnd][hms[i]] = value; } else { dateTime[hms[i]] = value; } lay(ol).find('.'+ THIS).removeClass(THIS); lay(this).addClass(THIS); setTimeStatus(); scroll(); (that.endDate || options.type === 'time') && that.done(null, 'change'); //同步按钮可点状态 that.setBtnStatus(); }); }); } return that; }; //记录列表切换后的年月 Class.prototype.listYM = []; //关闭列表 Class.prototype.closeList = function(){ var that = this ,options = that.config; lay.each(that.elemCont, function(index, item){ lay(this).find('.'+ ELEM_LIST).remove(); lay(that.elemMain[index]).removeClass('laydate-ym-show laydate-time-show'); }); lay(that.elem).find('.'+ ELEM_TIME_TEXT).remove(); }; //检测结束日期是否超出开始日期 Class.prototype.setBtnStatus = function(tips, start, end){ var that = this ,options = that.config ,lang = that.lang() ,isOut, elemBtn = lay(that.footer).find(ELEM_CONFIRM); if(options.range && options.type !== 'time'){ start = start || options.dateTime; end = end || that.endDate; isOut = that.newDate(start).getTime() > that.newDate(end).getTime(); //如果不在有效日期内,直接禁用按钮,否则比较开始和结束日期 (that.limit(null, start) || that.limit(null, end)) ? elemBtn.addClass(DISABLED) : elemBtn[isOut ? 'addClass' : 'removeClass'](DISABLED); //是否异常提示 if(tips && isOut) that.hint( typeof tips === 'string' ? lang.timeout.replace(/日期/g, tips) : lang.timeout ); } }; //转义为规定格式的日期字符 Class.prototype.parse = function(state, date){ var that = this ,options = that.config ,dateTime = date || (state == 'end' ? lay.extend({}, that.endDate, that.endTime) : (options.range ? lay.extend({}, options.dateTime, that.startTime) : options.dateTime)) ,format = laydate.parse(dateTime, that.format, 1); //返回日期范围字符 if(options.range && state === undefined){ return format + ' '+ that.rangeStr +' ' + that.parse('end'); } return format; }; //创建指定日期时间对象 Class.prototype.newDate = function(dateTime){ dateTime = dateTime || {}; return new Date( dateTime.year || 1 ,dateTime.month || 0 ,dateTime.date || 1 ,dateTime.hours || 0 ,dateTime.minutes || 0 ,dateTime.seconds || 0 ); }; //赋值 Class.prototype.setValue = function(value){ var that = this ,options = that.config ,elem = that.bindElem || options.elem[0]; //静态展现则不作默认赋值 if(options.position === 'static') return that; value = value || ''; //绑定的元素是否为 input if(that.isInput(elem)){ lay(elem).val(value); } else { //如果 range 传入了开始和结束的 input 对象,则分别对其赋值 if(that.rangeElem){ that.rangeElem[0].val(value ? that.parse('start') : ''); that.rangeElem[1].val(value ? that.parse('end') : ''); } else { if(lay(elem).find('*').length === 0){ lay(elem).html(value); } lay(elem).attr('lay-date', value); } } return that; }; //预览 Class.prototype.preview = function(){ var that = this ,options = that.config; if(!options.isPreview) return; var elemPreview = lay(that.elem).find('.'+ ELEM_PREVIEW) ,value = options.range ? (that.endDate ? that.parse() : '') : that.parse(); //显示预览 elemPreview.html(value).css({ 'color': '#08c' ,'font-size': '14px;' }); setTimeout(function(){ elemPreview.css({ 'color': '#666' ,'font-size': '12px;' }); }, 300); }; //执行 done/change 回调 Class.prototype.done = function(param, type){ var that = this ,options = that.config ,start = lay.extend({}, lay.extend(options.dateTime, that.startTime)) ,end = lay.extend({}, lay.extend(that.endDate, that.endTime)) lay.each([start, end], function(i, item){ if(!('month' in item)) return; lay.extend(item, { month: item.month + 1 }); }); that.preview(); param = param || [that.parse(), start, end]; typeof options[type || 'done'] === 'function' && options[type || 'done'].apply(options, param); return that; }; //选择日期 Class.prototype.choose = function(td, index){ var that = this ,options = that.config ,dateTime = that.thisDateTime(index) ,tds = lay(that.elem).find('td') ,YMD = td.attr('lay-ymd').split('-'); YMD = { year: YMD[0] | 0 ,month: (YMD[1] | 0) - 1 ,date: YMD[2] | 0 }; if(td.hasClass(DISABLED)) return; lay.extend(dateTime, YMD); //同步 dateTime //范围选择 if(options.range){ //补充时分秒 lay.each(['startTime', 'endTime'], function(i, item){ that[item] = that[item] || { hours: 0 ,minutes: 0 ,seconds: 0 }; }); that.calendar(null, index).done(null, 'change'); } else if(options.position === 'static'){ //直接嵌套的选中 that.calendar().done().done(null, 'change'); //同时执行 done 和 change 回调 } else if(options.type === 'date'){ that.setValue(that.parse()).remove().done(); } else if(options.type === 'datetime'){ that.calendar().done(null, 'change'); } }; //底部按钮 Class.prototype.tool = function(btn, type){ var that = this ,options = that.config ,lang = that.lang() ,dateTime = options.dateTime ,isStatic = options.position === 'static' ,active = { //选择时间 datetime: function(){ if(lay(btn).hasClass(DISABLED)) return; that.list('time', 0); options.range && that.list('time', 1); lay(btn).attr('lay-type', 'date').html(that.lang().dateTips); } //选择日期 ,date: function(){ that.closeList(); lay(btn).attr('lay-type', 'datetime').html(that.lang().timeTips); } //清空、重置 ,clear: function(){ isStatic && ( lay.extend(dateTime, that.firstDate) ,that.calendar() ) options.range && ( delete options.dateTime ,delete that.endDate ,delete that.startTime ,delete that.endTime ); that.setValue('').remove(); that.done(['', {}, {}]); } //现在 ,now: function(){ var thisDate = new Date(); lay.extend(dateTime, that.systemDate(), { hours: thisDate.getHours() ,minutes: thisDate.getMinutes() ,seconds: thisDate.getSeconds() }); that.setValue(that.parse()).remove(); isStatic && that.calendar(); that.done(); } //确定 ,confirm: function(){ if(options.range){ if(lay(btn).hasClass(DISABLED)) return that.hint( options.type === 'time' ? lang.timeout.replace(/日期/g, '时间') : lang.timeout ); } else { if(lay(btn).hasClass(DISABLED)) return that.hint(lang.invalidDate); } // ThinkGem 当下一个日期弹出前,可能上一个还未设置,导致选择不上的问题(下面2行调换顺序) that.setValue(that.parse()).remove() that.done(); } }; active[type] && active[type](); }; //统一切换处理 Class.prototype.change = function(index){ var that = this ,options = that.config ,dateTime = that.thisDateTime(index) ,isAlone = options.range && (options.type === 'year' || options.type === 'month') ,elemCont = that.elemCont[index || 0] ,listYM = that.listYM[index] ,addSubYeay = function(type){ var isYear = lay(elemCont).find('.laydate-year-list')[0] ,isMonth = lay(elemCont).find('.laydate-month-list')[0]; //切换年列表 if(isYear){ listYM[0] = type ? listYM[0] - 15 : listYM[0] + 15; that.list('year', index); } if(isMonth){ //切换月面板中的年 type ? listYM[0]-- : listYM[0]++; that.list('month', index); } if(isYear || isMonth){ lay.extend(dateTime, { year: listYM[0] }); if(isAlone) dateTime.year = listYM[0]; options.range || that.done(null, 'change'); options.range || that.limit(lay(that.footer).find(ELEM_CONFIRM), { year: listYM[0] }); } that.setBtnStatus(); return isYear || isMonth; }; return { prevYear: function(){ if(addSubYeay('sub')) return; dateTime.year--; that.checkDate('limit').calendar(null, index); that.done(null, 'change'); } ,prevMonth: function(){ var YM = that.getAsYM(dateTime.year, dateTime.month, 'sub'); lay.extend(dateTime, { year: YM[0] ,month: YM[1] }); that.checkDate('limit').calendar(null, index); that.done(null, 'change'); } ,nextMonth: function(){ var YM = that.getAsYM(dateTime.year, dateTime.month); lay.extend(dateTime, { year: YM[0] ,month: YM[1] }); that.checkDate('limit').calendar(null, index); that.done(null, 'change'); } ,nextYear: function(){ if(addSubYeay()) return; dateTime.year++ that.checkDate('limit').calendar(null, index); that.done(null, 'change'); } }; }; //日期切换事件 Class.prototype.changeEvent = function(){ var that = this ,options = that.config; //日期选择事件 lay(that.elem).on('click', function(e){ lay.stope(e); }).on('mousedown', function(e){ lay.stope(e); }); //年月切换 lay.each(that.elemHeader, function(i, header){ //上一年 lay(header[0]).on('click', function(e){ that.change(i).prevYear(); }); //上一月 lay(header[1]).on('click', function(e){ that.change(i).prevMonth(); }); //选择年月 lay(header[2]).find('span').on('click', function(e){ var othis = lay(this) ,layYM = othis.attr('lay-ym') ,layType = othis.attr('lay-type'); if(!layYM) return; layYM = layYM.split('-'); that.listYM[i] = [layYM[0] | 0, layYM[1] | 0]; that.list(layType, i); lay(that.footer).find('.'+ ELEM_TIME_BTN).addClass(DISABLED); }); //下一月 lay(header[3]).on('click', function(e){ that.change(i).nextMonth(); }); //下一年 lay(header[4]).on('click', function(e){ that.change(i).nextYear(); }); }); //点击日期 lay.each(that.table, function(i, table){ var tds = lay(table).find('td'); tds.on('click', function(){ that.choose(lay(this), i); }); }); //点击底部按钮 lay(that.footer).find('span').on('click', function(){ var type = lay(this).attr('lay-type'); that.tool(this, type); }); }; //是否输入框 Class.prototype.isInput = function(elem){ return /input|textarea/.test(elem.tagName.toLocaleLowerCase()); }; //绑定的元素事件处理 Class.prototype.events = function(){ var that = this ,options = that.config //绑定呼出控件事件 ,showEvent = function(elem, bind){ elem.on(options.trigger, function(){ bind && (that.bindElem = this); if(options.trigger === 'focus'){ // ThinkGem 冒泡事件优先处理时,可能会呼不出,增加延迟。 setTimeout(function(){ that.render(); },100); }else{ that.render(); } }); }; if(!options.elem[0] || options.elem[0].eventHandler) return; showEvent(options.elem, 'bind'); showEvent(options.eventElem); options.elem[0].eventHandler = true; }; //记录所有实例 thisModule.that = {}; //记录所有实例对象 //获取当前实例对象 thisModule.getThis = function(id){ var that = thisModule.that[id]; if(!that) hint.error(id ? (MOD_NAME +' instance with ID \''+ id +'\' not found') : 'ID argument required'); return that; }; //初始执行 ready.run = function(lay){ //绑定关闭控件事件 lay(document).on('mousedown', function(e){ if(!laydate.thisId) return; var that = thisModule.getThis(laydate.thisId); if(!that) return; var options = that.config; if( e.target === options.elem[0] || e.target === options.eventElem[0] || e.target === lay(options.closeStop)[0] ) return; that.remove(); }).on('keydown', function(e){ if(!laydate.thisId) return; var that = thisModule.getThis(laydate.thisId); if(!that) return; if(e.keyCode === 13){ if(lay('#'+ that.elemID)[0] && that.elemID === Class.thisElemDate){ e.preventDefault(); lay(that.footer).find(ELEM_CONFIRM)[0].click(); } } }); //自适应定位 lay(window).on('resize', function(){ if(!laydate.thisId) return; var that = thisModule.getThis(laydate.thisId); if(!that) return; if(!that.elem || !lay(ELEM)[0]){ return false; } that.position(); }); }; //核心接口 laydate.render = function(options){ var inst = new Class(options); return thisModule.call(inst); }; //将指定对象转化为日期值 laydate.parse = function(dateTime, format, one){ dateTime = dateTime || {}; //如果 format 是字符型,则转换为数组格式 if(typeof format === 'string'){ format = thisModule.formatArr(format); } format = (format || []).concat(); //转义为规定格式 lay.each(format, function(i, item){ if(/yyyy|y/.test(item)){ //年 format[i] = lay.digit(dateTime.year, item.length); } else if(/MM|M/.test(item)){ //月 format[i] = lay.digit(dateTime.month + (one || 0), item.length); } else if(/dd|d/.test(item)){ //日 format[i] = lay.digit(dateTime.date, item.length); } else if(/HH|H/.test(item)){ //时 format[i] = lay.digit(dateTime.hours, item.length); } else if(/mm|m/.test(item)){ //分 format[i] = lay.digit(dateTime.minutes, item.length); } else if(/ss|s/.test(item)){ //秒 format[i] = lay.digit(dateTime.seconds, item.length); } }); return format.join(''); }; //得到某月的最后一天 laydate.getEndDate = function(month, year){ var thisDate = new Date(); //设置日期为下个月的第一天 thisDate.setFullYear( year || thisDate.getFullYear() ,month || (thisDate.getMonth() + 1) ,1); //减去一天,得到当前月最后一天 return new Date(thisDate.getTime() - 1000*60*60*24).getDate(); }; //加载方式 isLayui ? ( laydate.ready() ,layui.define('lay', function(exports){ //layui 加载 laydate.path = layui.cache.dir; ready.run(lay); exports(MOD_NAME, laydate); }) ) : ( (typeof define === 'function' && define.amd) ? define(function(){ //requirejs 加载 ready.run(lay); return laydate; }) : function(){ //普通 script 标签加载 laydate.ready(); ready.run(window.lay); window.laydate = laydate; }() ); }(window, window.document);