diff --git a/.gitignore b/.gitignore index 9435309..df4d413 100644 --- a/.gitignore +++ b/.gitignore @@ -18,3 +18,6 @@ node_modules/ _site/ release/ .npmignore +yarn* +*.log +*.lock diff --git a/dist/laydate.js b/dist/laydate.js index 83a12cb..2fd0aa1 100644 --- a/dist/laydate.js +++ b/dist/laydate.js @@ -1,2 +1,2 @@ /*! laydate-v5.0.9 日期与时间组件 MIT License http://www.layui.com/laydate/ By 贤心 */ - ;!function(){"use strict";var e=window.layui&&layui.define,t={getPath:function(){var e=document.currentScript?document.currentScript.src:function(){for(var e,t=document.scripts,n=t.length-1,a=n;a>0;a--)if("interactive"===t[a].readyState){e=t[a].src;break}return e||t[n].src}();return e.substring(0,e.lastIndexOf("/")+1)}(),getStyle:function(e,t){var n=e.currentStyle?e.currentStyle:window.getComputedStyle(e,null);return n[n.getPropertyValue?"getPropertyValue":"getAttribute"](t)},link:function(e,a,i){if(n.path){var r=document.getElementsByTagName("head")[0],o=document.createElement("link");"string"==typeof a&&(i=a);var s=(i||e).replace(/\.|\//g,""),l="layuicss-"+s,d=0;o.rel="stylesheet",o.href=n.path+e,o.id=l,document.getElementById(l)||r.appendChild(o),"function"==typeof a&&!function c(){return++d>80?window.console&&console.error("laydate.css: Invalid"):void(1989===parseInt(t.getStyle(document.getElementById(l),"width"))?a():setTimeout(c,100))}()}}},n={v:"5.0.9",config:{},index:window.laydate&&window.laydate.v?1e5:0,path:t.getPath,set:function(e){var t=this;return t.config=w.extend({},t.config,e),t},ready:function(a){var i="laydate",r="",o=(e?"modules/laydate/":"theme/")+"default/laydate.css?v="+n.v+r;return e?layui.addcss(o,a,i):t.link(o,a,i),this}},a=function(){var e=this;return{hint:function(t){e.hint.call(e,t)},config:e.config}},i="laydate",r=".layui-laydate",o="layui-this",s="laydate-disabled",l="开始日期超出了结束日期
建议重新选择",d=[100,2e5],c="layui-laydate-static",m="layui-laydate-list",u="laydate-selected",h="layui-laydate-hint",y="laydate-day-prev",f="laydate-day-next",p="layui-laydate-footer",g=".laydate-btns-confirm",v="laydate-time-text",D=".laydate-btns-time",T=function(e){var t=this;t.index=++n.index,t.config=w.extend({},t.config,n.config,e),n.ready(function(){t.init()})},w=function(e){return new C(e)},C=function(e){for(var t=0,n="object"==typeof e?[e]:(this.selector=e,document.querySelectorAll(e||null));t0)return n[0].getAttribute(e)}():n.each(function(n,a){a.setAttribute(e,t)})},C.prototype.removeAttr=function(e){return this.each(function(t,n){n.removeAttribute(e)})},C.prototype.html=function(e){return this.each(function(t,n){n.innerHTML=e})},C.prototype.val=function(e){return this.each(function(t,n){n.value=e})},C.prototype.append=function(e){return this.each(function(t,n){"object"==typeof e?n.appendChild(e):n.innerHTML=n.innerHTML+e})},C.prototype.remove=function(e){return this.each(function(t,n){e?n.removeChild(e):n.parentNode.removeChild(n)})},C.prototype.on=function(e,t){return this.each(function(n,a){a.attachEvent?a.attachEvent("on"+e,function(e){e.target=e.srcElement,t.call(a,e)}):a.addEventListener(e,t,!1)})},C.prototype.off=function(e,t){return this.each(function(n,a){a.detachEvent?a.detachEvent("on"+e,t):a.removeEventListener(e,t,!1)})},T.isLeapYear=function(e){return e%4===0&&e%100!==0||e%400===0},T.prototype.config={type:"date",range:!1,format:"yyyy-MM-dd",value:null,min:"1900-1-1",max:"2099-12-31",trigger:"focus",show:!1,showBottom:!0,btns:["clear","now","confirm"],lang:"cn",theme:"default",position:null,calendar:!1,mark:{},zIndex:null,done:null,change:null},T.prototype.lang=function(){var e=this,t=e.config,n={cn:{weeks:["日","一","二","三","四","五","六"],time:["时","分","秒"],timeTips:"选择时间",startTime:"开始时间",endTime:"结束时间",dateTips:"返回日期",month:["一","二","三","四","五","六","七","八","九","十","十一","十二"],tools:{confirm:"确定",clear:"清空",now:"现在"}},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"}}};return n[t.lang]||n.cn},T.prototype.init=function(){var e=this,t=e.config,n="yyyy|y|MM|M|dd|d|HH|H|mm|m|ss|s",a="static"===t.position,i={year:"yyyy",month:"yyyy-MM",date:"yyyy-MM-dd",time:"HH:mm:ss",datetime:"yyyy-MM-dd HH:mm:ss"};t.elem=w(t.elem),t.eventElem=w(t.eventElem),t.elem[0]&&(t.range===!0&&(t.range="-"),t.format===i.date&&(t.format=i[t.type]),e.format=t.format.match(new RegExp(n+"|.","g"))||[],e.EXP_IF="",e.EXP_SPLIT="",w.each(e.format,function(t,a){var i=new RegExp(n).test(a)?"\\d{"+function(){return new RegExp(n).test(e.format[0===t?t+1:t-1]||"")?/^yyyy|y$/.test(a)?4:a.length:/^yyyy$/.test(a)?"1,4":/^y$/.test(a)?"1,308":"1,2"}()+"}":"\\"+a;e.EXP_IF=e.EXP_IF+i,e.EXP_SPLIT=e.EXP_SPLIT+"("+i+")"}),e.EXP_IF=new RegExp("^"+(t.range?e.EXP_IF+"\\s\\"+t.range+"\\s"+e.EXP_IF:e.EXP_IF)+"$"),e.EXP_SPLIT=new RegExp("^"+e.EXP_SPLIT+"$",""),e.isInput(t.elem[0])||"focus"===t.trigger&&(t.trigger="click"),t.elem.attr("lay-key")||(t.elem.attr("lay-key",e.index),t.eventElem.attr("lay-key",e.index)),t.mark=w.extend({},t.calendar&&"cn"===t.lang?{"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":"圣诞"}:{},t.mark),w.each(["min","max"],function(e,n){var a=[],i=[];if("number"==typeof t[n]){var r=t[n],o=(new Date).getTime(),s=864e5,l=new Date(r?r0)return!0;var a=w.elem("div",{"class":"layui-laydate-header"}),i=[function(){var e=w.elem("i",{"class":"layui-icon laydate-icon laydate-prev-y"});return e.innerHTML="",e}(),function(){var e=w.elem("i",{"class":"layui-icon laydate-icon laydate-prev-m"});return e.innerHTML="",e}(),function(){var e=w.elem("div",{"class":"laydate-set-ym"}),t=w.elem("span"),n=w.elem("span");return e.appendChild(t),e.appendChild(n),e}(),function(){var e=w.elem("i",{"class":"layui-icon laydate-icon laydate-next-m"});return e.innerHTML="",e}(),function(){var e=w.elem("i",{"class":"layui-icon laydate-icon laydate-next-y"});return e.innerHTML="",e}()],d=w.elem("div",{"class":"layui-laydate-content"}),c=w.elem("table"),m=w.elem("thead"),u=w.elem("tr");w.each(i,function(e,t){a.appendChild(t)}),m.appendChild(u),w.each(new Array(6),function(e){var t=c.insertRow(0);w.each(new Array(7),function(a){if(0===e){var i=w.elem("th");i.innerHTML=n.weeks[a],u.appendChild(i)}t.insertCell(a)})}),c.insertBefore(m,c.children[0]),d.appendChild(c),r[e]=w.elem("div",{"class":"layui-laydate-main laydate-main-list-"+e}),r[e].appendChild(a),r[e].appendChild(d),o.push(i),s.push(d),l.push(c)}),w(d).html(function(){var e=[],i=[];return"datetime"===t.type&&e.push(''+n.timeTips+""),w.each(t.btns,function(e,r){var o=n.tools[r]||"btn";t.range&&"now"===r||(a&&"clear"===r&&(o="cn"===t.lang?"重置":"Reset"),i.push(''+o+""))}),e.push('
'+i.join("")+"
"),e.join("")}()),w.each(r,function(e,t){i.appendChild(t)}),t.showBottom&&i.appendChild(d),/^#/.test(t.theme)){var m=w.elem("style"),u=["#{{id}} .layui-laydate-header{background-color:{{theme}};}","#{{id}} .layui-this{background-color:{{theme}} !important;}"].join("").replace(/{{id}}/g,e.elemID).replace(/{{theme}}/g,t.theme);"styleSheet"in m?(m.setAttribute("type","text/css"),m.styleSheet.cssText=u):m.innerHTML=u,w(i).addClass("laydate-theme-molv"),i.appendChild(m)}e.remove(T.thisElemDate),a?t.elem.append(i):(document.body.appendChild(i),e.position()),e.checkDate().calendar(),e.changeEvent(),T.thisElemDate=e.elemID,"function"==typeof t.ready&&t.ready(w.extend({},t.dateTime,{month:t.dateTime.month+1}))},T.prototype.remove=function(e){var t=this,n=(t.config,w("#"+(e||t.elemID)));return n.hasClass(c)||t.checkDate(function(){n.remove()}),t},T.prototype.position=function(){var e=this,t=e.config,n=e.bindElem||t.elem[0],a=n.getBoundingClientRect(),i=e.elem.offsetWidth,r=e.elem.offsetHeight,o=function(e){return e=e?"scrollLeft":"scrollTop",document.body[e]|document.documentElement[e]},s=function(e){return document.documentElement[e?"clientWidth":"clientHeight"]},l=5,d=a.left,c=a.bottom;d+i+l>s("width")&&(d=s("width")-i-l),c+r+l>s()&&(c=a.top>r?a.top-r:s()-r,c-=2*l),t.position&&(e.elem.style.position=t.position),e.elem.style.left=d+("fixed"===t.position?0:o(1))+"px",e.elem.style.top=c+("fixed"===t.position?0:o())+"px"},T.prototype.hint=function(e){var t=this,n=(t.config,w.elem("div",{"class":h}));n.innerHTML=e||"",w(t.elem).find("."+h).remove(),t.elem.appendChild(n),clearTimeout(t.hinTimer),t.hinTimer=setTimeout(function(){w(t.elem).find("."+h).remove()},3e3)},T.prototype.getAsYM=function(e,t,n){return n?t--:t++,t<0&&(t=11,e--),t>11&&(t=0,e++),[e,t]},T.prototype.systemDate=function(e){var t=e||new Date;return{year:t.getFullYear(),month:t.getMonth(),date:t.getDate(),hours:e?e.getHours():0,minutes:e?e.getMinutes():0,seconds:e?e.getSeconds():0}},T.prototype.checkDate=function(e){var t,a,i=this,r=(new Date,i.config),o=r.dateTime=r.dateTime||i.systemDate(),s=i.bindElem||r.elem[0],l=(i.isInput(s)?"val":"html",i.isInput(s)?s.value:"static"===r.position?"":s.innerHTML),c=function(e){e.year>d[1]&&(e.year=d[1],a=!0),e.month>11&&(e.month=11,a=!0),e.hours>23&&(e.hours=0,a=!0),e.minutes>59&&(e.minutes=0,e.hours++,a=!0),e.seconds>59&&(e.seconds=0,e.minutes++,a=!0),t=n.getEndDate(e.month+1,e.year),e.date>t&&(e.date=t,a=!0)},m=function(e,t,n){var o=["startTime","endTime"];t=(t.match(i.EXP_SPLIT)||[]).slice(1),n=n||0,r.range&&(i[o[n]]=i[o[n]]||{}),w.each(i.format,function(s,l){var c=parseFloat(t[s]);t[s].length必须遵循下述格式：
"+(r.range?r.format+" "+r.range+" "+r.format:r.format)+"
已为你重置"),a=!0):l&&l.constructor===Date?r.dateTime=i.systemDate(l):(r.dateTime=i.systemDate(),delete i.startState,delete i.endState,delete i.startDate,delete i.endDate,delete i.startTime,delete i.endTime),c(o),a&&l&&i.setValue(r.range?i.endDate?i.parse():"":i.parse()),e&&e(),i)},T.prototype.mark=function(e,t){var n,a=this,i=a.config;return w.each(i.mark,function(e,a){var i=e.split("-");i[0]!=t[0]&&0!=i[0]||i[1]!=t[1]&&0!=i[1]||i[2]!=t[2]||(n=a||t[2])}),n&&e.html(''+n+""),a},T.prototype.limit=function(e,t,n,a){var i,r=this,o=r.config,l={},d=o[n>41?"endDate":"dateTime"],c=w.extend({},d,t||{});return w.each({now:c,min:o.min,max:o.max},function(e,t){l[e]=r.newDate(w.extend({year:t.year,month:t.month,date:t.date},function(){var e={};return w.each(a,function(n,a){e[a]=t[a]}),e}())).getTime()}),i=l.nowl.max,e&&e[i?"addClass":"removeClass"](s),i},T.prototype.calendar=function(e){var t,a,i,r=this,s=r.config,l=e||s.dateTime,c=new Date,m=r.lang(),u="date"!==s.type&&"datetime"!==s.type,h=e?1:0,y=w(r.table[h]).find("td"),f=w(r.elemHeader[h][2]).find("span");if(l.yeard[1]&&(l.year=d[1],r.hint("最高只能支持到公元"+d[1]+"年")),r.firstDate||(r.firstDate=w.extend({},l)),c.setFullYear(l.year,l.month,1),t=c.getDay(),a=n.getEndDate(l.month||12,l.year),i=n.getEndDate(l.month+1,l.year),w.each(y,function(e,n){var d=[l.year,l.month],c=0;n=w(n),n.removeAttr("class"),e=t&&e=n.firstDate.year&&(r.month=a.max.month,r.date=a.max.date),n.limit(w(i),r,t),M++}),w(u[f?0:1]).attr("lay-ym",M-8+"-"+T[1]).html(b+p+" - "+(M-1+p))}else if("month"===e)w.each(new Array(12),function(e){var i=w.elem("li",{"lay-ym":e}),s={year:T[0],month:e};e+1==T[1]&&w(i).addClass(o),i.innerHTML=r.month[e]+(f?"月":""),d.appendChild(i),T[0]=n.firstDate.year&&(s.date=a.max.date),n.limit(w(i),s,t)}),w(u[f?0:1]).attr("lay-ym",T[0]+"-"+T[1]).html(T[0]+p);else if("time"===e){var E=function(){w(d).find("ol").each(function(e,a){w(a).find("li").each(function(a,i){n.limit(w(i),[{hours:a},{hours:n[x].hours,minutes:a},{hours:n[x].hours,minutes:n[x].minutes,seconds:a}][e],t,[["hours"],["hours","minutes"],["hours","minutes","seconds"]][e])})}),a.range||n.limit(w(n.footer).find(g),n[x],0,["hours","minutes","seconds"])};a.range?n[x]||(n[x]={hours:0,minutes:0,seconds:0}):n[x]=i,w.each([24,60,60],function(e,t){var a=w.elem("li"),i=["

"+r.time[e]+"

    "];w.each(new Array(t),function(t){i.push(""+w.digit(t,2)+"")}),a.innerHTML=i.join("")+"
",d.appendChild(a)}),E()}if(y&&h.removeChild(y),h.appendChild(d),"year"===e||"month"===e)w(n.elemMain[t]).addClass("laydate-ym-show"),w(d).find("li").on("click",function(){var r=0|w(this).attr("lay-ym");if(!w(this).hasClass(s)){if(0===t)i[e]=r,l&&(n.startDate[e]=r),n.limit(w(n.footer).find(g),null,0);else if(l)n.endDate[e]=r;else{var c="year"===e?n.getAsYM(r,T[1]-1,"sub"):n.getAsYM(T[0],r,"sub");w.extend(i,{year:c[0],month:c[1]})}"year"===a.type||"month"===a.type?(w(d).find("."+o).removeClass(o),w(this).addClass(o),"month"===a.type&&"year"===e&&(n.listYM[t][0]=r,l&&(n[["startDate","endDate"][t]].year=r),n.list("month",t))):(n.checkDate("limit").calendar(),n.closeList()),n.setBtnStatus(),a.range||n.done(null,"change"),w(n.footer).find(D).removeClass(s)}});else{var S=w.elem("span",{"class":v}),k=function(){w(d).find("ol").each(function(e){var t=this,a=w(t).find("li");t.scrollTop=30*(n[x][C[e]]-2),t.scrollTop<=0&&a.each(function(e,n){if(!w(this).hasClass(s))return t.scrollTop=30*(e-2),!0})})},H=w(c[2]).find("."+v);k(),S.innerHTML=a.range?[r.startTime,r.endTime][t]:r.timeTips,w(n.elemMain[t]).addClass("laydate-time-show"),H[0]&&H.remove(),c[2].appendChild(S),w(d).find("ol").each(function(e){var t=this;w(t).find("li").on("click",function(){var r=0|this.innerHTML;w(this).hasClass(s)||(a.range?n[x][C[e]]=r:i[C[e]]=r,w(t).find("."+o).removeClass(o),w(this).addClass(o),E(),k(),(n.endDate||"time"===a.type)&&n.done(null,"change"),n.setBtnStatus())})})}return n},T.prototype.listYM=[],T.prototype.closeList=function(){var e=this;e.config;w.each(e.elemCont,function(t,n){w(this).find("."+m).remove(),w(e.elemMain[t]).removeClass("laydate-ym-show laydate-time-show")}),w(e.elem).find("."+v).remove()},T.prototype.setBtnStatus=function(e,t,n){var a,i=this,r=i.config,o=w(i.footer).find(g),d=r.range&&"date"!==r.type&&"time"!==r.type;d&&(t=t||i.startDate,n=n||i.endDate,a=i.newDate(t).getTime()>i.newDate(n).getTime(),i.limit(null,t)||i.limit(null,n)?o.addClass(s):o[a?"addClass":"removeClass"](s),e&&a&&i.hint("string"==typeof e?l.replace(/日期/g,e):l))},T.prototype.parse=function(e,t){var n=this,a=n.config,i=t||(e?w.extend({},n.endDate,n.endTime):a.range?w.extend({},n.startDate,n.startTime):a.dateTime),r=n.format.concat();return w.each(r,function(e,t){/yyyy|y/.test(t)?r[e]=w.digit(i.year,t.length):/MM|M/.test(t)?r[e]=w.digit(i.month+1,t.length):/dd|d/.test(t)?r[e]=w.digit(i.date,t.length):/HH|H/.test(t)?r[e]=w.digit(i.hours,t.length):/mm|m/.test(t)?r[e]=w.digit(i.minutes,t.length):/ss|s/.test(t)&&(r[e]=w.digit(i.seconds,t.length))}),a.range&&!e?r.join("")+" "+a.range+" "+n.parse(1):r.join("")},T.prototype.newDate=function(e){return e=e||{},new Date(e.year||1,e.month||0,e.date||1,e.hours||0,e.minutes||0,e.seconds||0)},T.prototype.setValue=function(e){var t=this,n=t.config,a=t.bindElem||n.elem[0],i=t.isInput(a)?"val":"html";return"static"===n.position||w(a)[i](e||""),this},T.prototype.stampRange=function(){var e,t,n=this,a=n.config,i=w(n.elem).find("td");if(a.range&&!n.endDate&&w(n.footer).find(g).addClass(s),n.endDate)return e=n.newDate({year:n.startDate.year,month:n.startDate.month,date:n.startDate.date}).getTime(),t=n.newDate({year:n.endDate.year,month:n.endDate.month,date:n.endDate.date}).getTime(),e>t?n.hint(l):void w.each(i,function(a,i){var r=w(i).attr("lay-ymd").split("-"),s=n.newDate({year:r[0],month:r[1]-1,date:r[2]}).getTime();w(i).removeClass(u+" "+o),s!==e&&s!==t||w(i).addClass(w(i).hasClass(y)||w(i).hasClass(f)?u:o),s>e&&s0;a--)if("interactive"===t[a].readyState){e=t[a].src;break}return e||t[n].src}();return e.substring(0,e.lastIndexOf("/")+1)}(),getStyle:function(e,t){var n=e.currentStyle?e.currentStyle:window.getComputedStyle(e,null);return n[n.getPropertyValue?"getPropertyValue":"getAttribute"](t)},link:function(e,a,i){if(n.path){var r=document.getElementsByTagName("head")[0],o=document.createElement("link");"string"==typeof a&&(i=a);var s=(i||e).replace(/\.|\//g,""),l="layuicss-"+s,d=0;o.rel="stylesheet",o.href=n.path+e,o.id=l,document.getElementById(l)||r.appendChild(o),"function"==typeof a&&!function c(){return++d>80?window.console&&console.error("laydate.css: Invalid"):void(1989===parseInt(t.getStyle(document.getElementById(l),"width"))?a():setTimeout(c,100))}()}}},n={v:"5.0.9",config:{},index:window.laydate&&window.laydate.v?1e5:0,path:t.getPath,set:function(e){var t=this;return t.config=w.extend({},t.config,e),t},ready:function(a){var i="laydate",r="",o=(e?"modules/laydate/":"theme/")+"default/laydate.css?v="+n.v+r;return e?layui.addcss(o,a,i):t.link(o,a,i),this}},a=function(){var e=this;return{hint:function(t){e.hint.call(e,t)},config:e.config}},i="laydate",r=".layui-laydate",o="layui-this",s="laydate-disabled",l="开始日期超出了结束日期
建议重新选择",d=[100,2e5],c="layui-laydate-static",m="layui-laydate-list",u="laydate-selected",h="layui-laydate-hint",y="laydate-day-prev",f="laydate-day-next",p="layui-laydate-footer",g=".laydate-btns-confirm",v="laydate-time-text",D=".laydate-btns-time",T=function(e){var t=this;t.index=++n.index,t.config=w.extend({},t.config,n.config,e),n.ready(function(){t.init()})},w=function(e){return new x(e)},x=function(e){for(var t=0,n="object"==typeof e?[e]:(this.selector=e,document.querySelectorAll(e||null));t0)return n[0].getAttribute(e)}():n.each(function(n,a){a.setAttribute(e,t)})},x.prototype.removeAttr=function(e){return this.each(function(t,n){n.removeAttribute(e)})},x.prototype.html=function(e){return this.each(function(t,n){n.innerHTML=e})},x.prototype.val=function(e){return this.each(function(t,n){n.value=e})},x.prototype.append=function(e){return this.each(function(t,n){"object"==typeof e?n.appendChild(e):n.innerHTML=n.innerHTML+e})},x.prototype.remove=function(e){return this.each(function(t,n){e?n.removeChild(e):n.parentNode.removeChild(n)})},x.prototype.on=function(e,t){return this.each(function(n,a){a.attachEvent?a.attachEvent("on"+e,function(e){e.target=e.srcElement,t.call(a,e)}):a.addEventListener(e,t,!1)})},x.prototype.off=function(e,t){return this.each(function(n,a){a.detachEvent?a.detachEvent("on"+e,t):a.removeEventListener(e,t,!1)})},T.isLeapYear=function(e){return e%4===0&&e%100!==0||e%400===0},T.prototype.config={type:"date",range:!1,format:"yyyy-MM-dd",value:null,min:"1900-1-1 00:00:00",max:"2099-12-31 23:59:59",trigger:"focus",show:!1,showBottom:!0,btns:["clear","now","confirm"],lang:"cn",theme:"default",position:null,calendar:!1,mark:{},zIndex:null,done:null,change:null,container:""},T.prototype.lang=function(){var e=this,t=e.config,n={cn:{weeks:["日","一","二","三","四","五","六"],time:["时","分","秒"],timeTips:"选择时间",startTime:"开始时间",endTime:"结束时间",dateTips:"返回日期",month:["一","二","三","四","五","六","七","八","九","十","十一","十二"],tools:{confirm:"确定",clear:"清空",now:"现在"}},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"}}};return n[t.lang]||n.cn},T.prototype.init=function(){var e=this,t=e.config,n="yyyy|y|MM|M|dd|d|HH|H|mm|m|ss|s",a="static"===t.position,i={year:"yyyy",month:"yyyy-MM",date:"yyyy-MM-dd",time:"HH:mm:ss",datetime:"yyyy-MM-dd HH:mm:ss"};t.elem=w(t.elem),t.eventElem=w(t.eventElem),t.elem[0]&&(t.range===!0&&(t.range="-"),t.format===i.date&&(t.format=i[t.type]),e.format=t.format.match(new RegExp(n+"|.","g"))||[],e.EXP_IF="",e.EXP_SPLIT="",w.each(e.format,function(t,a){var i=new RegExp(n).test(a)?"\\d{"+function(){return new RegExp(n).test(e.format[0===t?t+1:t-1]||"")?/^yyyy|y$/.test(a)?4:a.length:/^yyyy$/.test(a)?"1,4":/^y$/.test(a)?"1,308":"1,2"}()+"}":"\\"+a;e.EXP_IF=e.EXP_IF+i,e.EXP_SPLIT=e.EXP_SPLIT+"("+i+")"}),e.EXP_IF=new RegExp("^"+(t.range?e.EXP_IF+"\\s\\"+t.range+"\\s"+e.EXP_IF:e.EXP_IF)+"$"),e.EXP_SPLIT=new RegExp("^"+e.EXP_SPLIT+"$",""),e.isInput(t.elem[0])||"focus"===t.trigger&&(t.trigger="click"),t.elem.attr("lay-key")||(t.elem.attr("lay-key",e.index),t.eventElem.attr("lay-key",e.index)),t.mark=w.extend({},t.calendar&&"cn"===t.lang?{"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":"圣诞"}:{},t.mark),w.each(["min","max"],function(e,n){var a=[],i=[];if("number"==typeof t[n]){var r=t[n],o=(new Date).getTime(),s=864e5,l=new Date(r?r0)return!0;var a=w.elem("div",{"class":"layui-laydate-header"}),i=[function(){var e=w.elem("i",{"class":"layui-icon laydate-icon laydate-prev-y"});return e.innerHTML="",e}(),function(){var e=w.elem("i",{"class":"layui-icon laydate-icon laydate-prev-m"});return e.innerHTML="",e}(),function(){var e=w.elem("div",{"class":"laydate-set-ym"}),t=w.elem("span"),n=w.elem("span");return e.appendChild(t),e.appendChild(n),e}(),function(){var e=w.elem("i",{"class":"layui-icon laydate-icon laydate-next-m"});return e.innerHTML="",e}(),function(){var e=w.elem("i",{"class":"layui-icon laydate-icon laydate-next-y"});return e.innerHTML="",e}()],d=w.elem("div",{"class":"layui-laydate-content"}),c=w.elem("table"),m=w.elem("thead"),u=w.elem("tr");w.each(i,function(e,t){a.appendChild(t)}),m.appendChild(u),w.each(new Array(6),function(e){var t=c.insertRow(0);w.each(new Array(7),function(a){if(0===e){var i=w.elem("th");i.innerHTML=n.weeks[a],u.appendChild(i)}t.insertCell(a)})}),c.insertBefore(m,c.children[0]),d.appendChild(c),r[e]=w.elem("div",{"class":"layui-laydate-main laydate-main-list-"+e}),r[e].appendChild(a),r[e].appendChild(d),o.push(i),s.push(d),l.push(c)}),w(d).html(function(){var e=[],i=[];return"datetime"===t.type&&e.push(''+n.timeTips+""),w.each(t.btns,function(e,r){var o=n.tools[r]||"btn";t.range&&"now"===r||(a&&"clear"===r&&(o="cn"===t.lang?"重置":"Reset"),i.push(''+o+""))}),e.push('
'+i.join("")+"
"),e.join("")}()),w.each(r,function(e,t){i.appendChild(t)}),t.showBottom&&i.appendChild(d),/^#/.test(t.theme)){var m=w.elem("style"),u=["#{{id}} .layui-laydate-header{background-color:{{theme}};}","#{{id}} .layui-this{background-color:{{theme}} !important;}"].join("").replace(/{{id}}/g,e.elemID).replace(/{{theme}}/g,t.theme);"styleSheet"in m?(m.setAttribute("type","text/css"),m.styleSheet.cssText=u):m.innerHTML=u,w(i).addClass("laydate-theme-molv"),i.appendChild(m)}e.remove(T.thisElemDate);var h;switch(typeof t.container){case"string":try{h=document.querySelector(t.container)}catch(y){}break;case"object":break;default:h=0}h?h.append(i):a?t.elem.append(i):(document.body.appendChild(i),e.position()),e.checkDate().calendar(),e.changeEvent(),T.thisElemDate=e.elemID,"function"==typeof t.ready&&t.ready(w.extend({},t.dateTime,{month:t.dateTime.month+1}))},T.prototype.remove=function(e){var t=this,n=(t.config,w("#"+(e||t.elemID)));return n.hasClass(c)||t.checkDate(function(){n.remove()}),t},T.prototype.position=function(){var e=this,t=e.config,n=e.bindElem||t.elem[0],a=n.getBoundingClientRect(),i=e.elem.offsetWidth,r=e.elem.offsetHeight,o=function(e){return e=e?"scrollLeft":"scrollTop",document.body[e]|document.documentElement[e]},s=function(e){return document.documentElement[e?"clientWidth":"clientHeight"]},l=5,d=a.left,c=a.bottom;d+i+l>s("width")&&(d=s("width")-i-l),c+r+l>s()&&(c=a.top>r?a.top-r:s()-r,c-=2*l),t.position&&(e.elem.style.position=t.position),e.elem.style.left=d+("fixed"===t.position?0:o(1))+"px",e.elem.style.top=c+("fixed"===t.position?0:o())+"px"},T.prototype.hint=function(e){var t=this,n=(t.config,w.elem("div",{"class":h}));n.innerHTML=e||"",w(t.elem).find("."+h).remove(),t.elem.appendChild(n),clearTimeout(t.hinTimer),t.hinTimer=setTimeout(function(){w(t.elem).find("."+h).remove()},3e3)},T.prototype.getAsYM=function(e,t,n){return n?t--:t++,t<0&&(t=11,e--),t>11&&(t=0,e++),[e,t]},T.prototype.systemDate=function(e){var t=e||new Date;return{year:t.getFullYear(),month:t.getMonth(),date:t.getDate(),hours:e?e.getHours():0,minutes:e?e.getMinutes():0,seconds:e?e.getSeconds():0}},T.prototype.checkDate=function(e){var t,a,i=this,r=(new Date,i.config),o=r.dateTime=r.dateTime||i.systemDate(),s=i.bindElem||r.elem[0],l=(i.isInput(s)?"val":"html",i.isInput(s)?s.value:"static"===r.position?"":s.innerHTML),c=function(e){e.year>d[1]&&(e.year=d[1],a=!0),e.month>11&&(e.month=11,a=!0),e.hours>23&&(e.hours=0,a=!0),e.minutes>59&&(e.minutes=0,e.hours++,a=!0),e.seconds>59&&(e.seconds=0,e.minutes++,a=!0),t=n.getEndDate(e.month+1,e.year),e.date>t&&(e.date=t,a=!0)},m=function(e,t,n){var o=["startTime","endTime"];t=(t.match(i.EXP_SPLIT)||[]).slice(1),n=n||0,r.range&&(i[o[n]]=i[o[n]]||{}),w.each(i.format,function(s,l){var c=parseFloat(t[s]);t[s].length必须遵循下述格式：
"+(r.range?r.format+" "+r.range+" "+r.format:r.format)+"
已为你重置"),a=!0):l&&l.constructor===Date?r.dateTime=i.systemDate(l):(r.dateTime=i.systemDate(),delete i.startState,delete i.endState,delete i.startDate,delete i.endDate,delete i.startTime,delete i.endTime),c(o),a&&l&&i.setValue(r.range?i.endDate?i.parse():"":i.parse()),e&&e(),i)},T.prototype.mark=function(e,t){var n,a=this,i=a.config;return w.each(i.mark,function(e,a){var i=e.split("-");i[0]!=t[0]&&0!=i[0]||i[1]!=t[1]&&0!=i[1]||i[2]!=t[2]||(n=a||t[2])}),n&&e.html(''+n+""),a},T.prototype.limit=function(e,t,n,a){var i,r=this,o=r.config,l={},d=o[n>41?"endDate":"dateTime"],c=w.extend({},d,t||{});return w.each({now:c,min:o.min,max:o.max},function(e,t){l[e]=r.newDate(w.extend("time"===o.type?{}:{year:t.year,month:t.month,date:t.date},function(){var e={};return w.each(a,function(n,a){e[a]=t[a]}),e}())).getTime()}),i=l.nowl.max,e&&e[i?"addClass":"removeClass"](s),i},T.prototype.calendar=function(e){var t,a,i,r=this,s=r.config,l=e||s.dateTime,c=new Date,m=r.lang(),u="date"!==s.type&&"datetime"!==s.type,h=e?1:0,y=w(r.table[h]).find("td"),f=w(r.elemHeader[h][2]).find("span");if(l.yeard[1]&&(l.year=d[1],r.hint("最高只能支持到公元"+d[1]+"年")),r.firstDate||(r.firstDate=w.extend({},l)),c.setFullYear(l.year,l.month,1),t=c.getDay(),a=n.getEndDate(l.month||12,l.year),i=n.getEndDate(l.month+1,l.year),w.each(y,function(e,n){var d=[l.year,l.month],c=0;n=w(n),n.removeAttr("class"),e=t&&e=n.firstDate.year&&(r.month=a.max.month,r.date=a.max.date),n.limit(w(i),r,t),M++}),w(u[f?0:1]).attr("lay-ym",M-8+"-"+T[1]).html(b+p+" - "+(M-1+p))}else if("month"===e)w.each(new Array(12),function(e){var i=w.elem("li",{"lay-ym":e}),s={year:T[0],month:e};e+1==T[1]&&w(i).addClass(o),i.innerHTML=r.month[e]+(f?"月":""),d.appendChild(i),T[0]=n.firstDate.year&&(s.date=a.max.date),n.limit(w(i),s,t)}),w(u[f?0:1]).attr("lay-ym",T[0]+"-"+T[1]).html(T[0]+p);else if("time"===e){var E=function(){w(d).find("ol").each(function(e,a){w(a).find("li").each(function(a,i){n.limit(w(i),[{hours:a},{hours:n[C].hours,minutes:a},{hours:n[C].hours,minutes:n[C].minutes,seconds:a}][e],t,[["hours"],["hours","minutes"],["hours","minutes","seconds"]][e])})}),a.range||n.limit(w(n.footer).find(g),n[C],0,["hours","minutes","seconds"])};a.range?n[C]||(n[C]={hours:0,minutes:0,seconds:0}):n[C]=i,w.each(["hours","minutes","seconds"],function(e,t){n[C][t]=Math.max(Math.min(a.max[t],n[C][t]),a.min[t])}),w.each([24,60,60],function(e,t){var a=w.elem("li"),i=["

"+r.time[e]+"

    "];w.each(new Array(t),function(t){i.push(""+w.digit(t,2)+"")}),a.innerHTML=i.join("")+"
",d.appendChild(a)}),E()}if(y&&h.removeChild(y),h.appendChild(d),"year"===e||"month"===e)w(n.elemMain[t]).addClass("laydate-ym-show"),w(d).find("li").on("click",function(){var r=0|w(this).attr("lay-ym");if(!w(this).hasClass(s)){if(0===t)i[e]=r,l&&(n.startDate[e]=r),n.limit(w(n.footer).find(g),null,0);else if(l)n.endDate[e]=r;else{var c="year"===e?n.getAsYM(r,T[1]-1,"sub"):n.getAsYM(T[0],r,"sub");w.extend(i,{year:c[0],month:c[1]})}"year"===a.type||"month"===a.type?(w(d).find("."+o).removeClass(o),w(this).addClass(o),"month"===a.type&&"year"===e&&(n.listYM[t][0]=r,l&&(n[["startDate","endDate"][t]].year=r),n.list("month",t))):(n.checkDate("limit").calendar(),n.closeList()),n.setBtnStatus(),a.range||n.done(null,"change"),w(n.footer).find(D).removeClass(s)}});else{var S=w.elem("span",{"class":v}),k=function(){w(d).find("ol").each(function(e){var t=this,a=w(t).find("li");t.scrollTop=30*(n[C][x[e]]-2),t.scrollTop<=0&&a.each(function(e,n){if(!w(this).hasClass(s))return t.scrollTop=30*(e-2),!0})})},H=w(c[2]).find("."+v);k(),S.innerHTML=a.range?[r.startTime,r.endTime][t]:r.timeTips,w(n.elemMain[t]).addClass("laydate-time-show"),H[0]&&H.remove(),c[2].appendChild(S),w(d).find("ol").each(function(e){var t=this;w(t).find("li").on("click",function(){var r=0|this.innerHTML;w(this).hasClass(s)||(a.range?n[C][x[e]]=r:i[x[e]]=r,w(t).find("."+o).removeClass(o),w(this).addClass(o),E(),k(),(n.endDate||"time"===a.type)&&n.done(null,"change"),n.setBtnStatus())})})}return n},T.prototype.listYM=[],T.prototype.closeList=function(){var e=this;e.config;w.each(e.elemCont,function(t,n){w(this).find("."+m).remove(),w(e.elemMain[t]).removeClass("laydate-ym-show laydate-time-show")}),w(e.elem).find("."+v).remove()},T.prototype.setBtnStatus=function(e,t,n){var a,i=this,r=i.config,o=w(i.footer).find(g),d=r.range&&"date"!==r.type&&"time"!==r.type;d&&(t=t||i.startDate,n=n||i.endDate,a=i.newDate(t).getTime()>i.newDate(n).getTime(),i.limit(null,t)||i.limit(null,n)?o.addClass(s):o[a?"addClass":"removeClass"](s),e&&a&&i.hint("string"==typeof e?l.replace(/日期/g,e):l))},T.prototype.parse=function(e,t){var n=this,a=n.config,i=t||(e?w.extend({},n.endDate,n.endTime):a.range?w.extend({},n.startDate,n.startTime):a.dateTime),r=n.format.concat();return w.each(r,function(e,t){/yyyy|y/.test(t)?r[e]=w.digit(i.year,t.length):/MM|M/.test(t)?r[e]=w.digit(i.month+1,t.length):/dd|d/.test(t)?r[e]=w.digit(i.date,t.length):/HH|H/.test(t)?r[e]=w.digit(i.hours,t.length):/mm|m/.test(t)?r[e]=w.digit(i.minutes,t.length):/ss|s/.test(t)&&(r[e]=w.digit(i.seconds,t.length))}),a.range&&!e?r.join("")+" "+a.range+" "+n.parse(1):r.join("")},T.prototype.newDate=function(e){return e=e||{},new Date(e.year||1,e.month||0,e.date||1,e.hours||0,e.minutes||0,e.seconds||0)},T.prototype.setValue=function(e){var t=this,n=t.config,a=t.bindElem||n.elem[0],i=t.isInput(a)?"val":"html";return"static"===n.position||w(a)[i](e||""),this},T.prototype.stampRange=function(){var e,t,n=this,a=n.config,i=w(n.elem).find("td");if(a.range&&!n.endDate&&w(n.footer).find(g).addClass(s),n.endDate)return e=n.newDate({year:n.startDate.year,month:n.startDate.month,date:n.startDate.date}).getTime(),t=n.newDate({year:n.endDate.year,month:n.endDate.month,date:n.endDate.date}).getTime(),e>t?n.hint(l):void w.each(i,function(a,i){var r=w(i).attr("lay-ymd").split("-"),s=n.newDate({year:r[0],month:r[1]-1,date:r[2]}).getTime();w(i).removeClass(u+" "+o),s!==e&&s!==t||w(i).addClass(w(i).hasClass(y)||w(i).hasClass(f)?u:o),s>e&&sli,.layui-laydate-range .layui-laydate-main{display:inline-block;vertical-align:middle}.layui-laydate-list{position:absolute;left:0;top:0;width:100%;height:100%;padding:10px;background-color:#fff}.layui-laydate-list>li{position:relative;width:33.3%;height:36px;line-height:36px;margin:3px 0;text-align:center;cursor:pointer}.laydate-month-list>li{width:25%;margin:17px 0}.laydate-time-list>li{height:100%;margin:0;line-height:normal;cursor:default}.laydate-time-list p{position:relative;top:-4px;line-height:29px}.laydate-time-list ol{height:181px;overflow:hidden}.laydate-time-list>li:hover ol{overflow-y:auto}.laydate-time-list ol li{width:130%;padding-left:33px;line-height:30px;text-align:left;cursor:pointer}.layui-laydate-hint{position:absolute;top:115px;left:50%;width:250px;margin-left:-125px;line-height:20px;padding:15px;text-align:center;font-size:12px}.layui-laydate-range{width:546px}.layui-laydate-range .laydate-main-list-0 .laydate-next-m,.layui-laydate-range .laydate-main-list-0 .laydate-next-y,.layui-laydate-range .laydate-main-list-1 .laydate-prev-m,.layui-laydate-range .laydate-main-list-1 .laydate-prev-y{display:none}.layui-laydate-range .laydate-main-list-1 .layui-laydate-content{border-left:1px solid #e2e2e2}.layui-laydate,.layui-laydate-hint{border:1px solid #d2d2d2;box-shadow:0 2px 4px rgba(0,0,0,.12);background-color:#fff;color:#666}.layui-laydate-header{border-bottom:1px solid #e2e2e2}.layui-laydate-header i:hover,.layui-laydate-header span:hover{color:#5FB878}.layui-laydate-content{border-top:none 0;border-bottom:none 0}.layui-laydate-content th{font-weight:400;color:#333}.layui-laydate-content td{color:#666}.layui-laydate-content td.laydate-selected{background-color:#00F7DE}.laydate-selected:hover{background-color:#00F7DE!important}.layui-laydate-content td:hover,.layui-laydate-list li:hover{background-color:#eaeaea;color:#333}.laydate-time-list li ol{margin:0;padding:0;border:1px solid #e2e2e2;border-left-width:0}.laydate-time-list li:first-child ol{border-left-width:1px}.laydate-time-list>li:hover{background:0 0}.layui-laydate-content .laydate-day-next,.layui-laydate-content .laydate-day-prev{color:#d2d2d2}.laydate-selected.laydate-day-next,.laydate-selected.laydate-day-prev{background-color:#f8f8f8!important}.layui-laydate-footer{border-top:1px solid #e2e2e2}.layui-laydate-hint{color:#FF5722}.laydate-day-mark::after{background-color:#5FB878}.layui-laydate-content td.layui-this .laydate-day-mark::after{display:none}.layui-laydate-footer span[lay-type=date]{color:#5FB878}.layui-laydate .layui-this{background-color:#009688!important;color:#fff!important}.layui-laydate .laydate-disabled,.layui-laydate .laydate-disabled:hover{background:0 0!important;color:#d2d2d2!important;cursor:not-allowed!important;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.laydate-theme-molv{border:none}.laydate-theme-molv.layui-laydate-range{width:548px}.laydate-theme-molv .layui-laydate-main{width:274px}.laydate-theme-molv .layui-laydate-header{border:none;background-color:#009688}.laydate-theme-molv .layui-laydate-header i,.laydate-theme-molv .layui-laydate-header span{color:#f6f6f6}.laydate-theme-molv .layui-laydate-header i:hover,.laydate-theme-molv .layui-laydate-header span:hover{color:#fff}.laydate-theme-molv .layui-laydate-content{border:1px solid #e2e2e2;border-top:none;border-bottom:none}.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content{border-left:none}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li,.laydate-theme-grid .layui-laydate-content td,.laydate-theme-grid .layui-laydate-content thead,.laydate-theme-molv .layui-laydate-footer{border:1px solid #e2e2e2}.laydate-theme-grid .laydate-selected,.laydate-theme-grid .laydate-selected:hover{background-color:#f2f2f2!important;color:#009688!important}.laydate-theme-grid .laydate-selected.laydate-day-next,.laydate-theme-grid .laydate-selected.laydate-day-prev{color:#d2d2d2!important}.laydate-theme-grid .laydate-month-list,.laydate-theme-grid .laydate-year-list{margin:1px 0 0 1px}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li{margin:0 -1px -1px 0}.laydate-theme-grid .laydate-year-list>li{height:43px;line-height:43px}.laydate-theme-grid .laydate-month-list>li{height:71px;line-height:71px}@font-face{font-family:laydate-icon;src:url(font/iconfont.eot);src:url(font/iconfont.eot#iefix) format('embedded-opentype'),url(font/iconfont.svg#iconfont) format('svg'),url(font/iconfont.woff) format('woff'),url(font/iconfont.ttf) format('truetype')}.laydate-icon{font-family:laydate-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} \ No newline at end of file +.laydate-set-ym,.layui-laydate,.layui-laydate *,.layui-laydate-list{box-sizing:border-box}@font-face{font-family:laydate-icon;src:url(font/iconfont.eot);src:url(font/iconfont.eot#iefix) format('embedded-opentype'),url(font/iconfont.svg#iconfont) format('svg'),url(font/iconfont.woff) format('woff'),url(font/iconfont.ttf) format('truetype')}.laydate-icon{font-family:laydate-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html #layuicss-laydate{display:none;position:absolute;width:1989px}.layui-laydate *{margin:0;padding:0}.layui-laydate{position:absolute;z-index:66666666;margin:5px 0;border-radius:2px;font-size:14px;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:laydate-upbit;animation-name:laydate-upbit}.layui-laydate-main{width:272px}.layui-laydate-content td,.layui-laydate-header *,.layui-laydate-list li{transition-duration:.3s;-webkit-transition-duration:.3s}@-webkit-keyframes laydate-upbit{from{-webkit-transform:translate3d(0,20px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes laydate-upbit{from{transform:translate3d(0,20px,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}.layui-laydate-static{position:relative;z-index:0;display:inline-block;margin:0;-webkit-animation:none;animation:none}.laydate-ym-show .laydate-next-m,.laydate-ym-show .laydate-prev-m{display:none!important}.laydate-ym-show .laydate-next-y,.laydate-ym-show .laydate-prev-y{display:inline-block!important}.laydate-time-show .laydate-set-ym span[lay-type=month],.laydate-time-show .laydate-set-ym span[lay-type=year],.laydate-time-show .layui-laydate-header .layui-icon,.laydate-ym-show .laydate-set-ym span[lay-type=month]{display:none!important}.layui-laydate-header{position:relative;line-height:30px;padding:10px 70px 5px}.laydate-set-ym span,.layui-laydate-header i{padding:0 5px;cursor:pointer}.layui-laydate-header *{display:inline-block;vertical-align:bottom}.layui-laydate-header i{position:absolute;top:10px;color:#999;font-size:18px}.layui-laydate-header i.laydate-prev-y{left:15px}.layui-laydate-header i.laydate-prev-m{left:45px}.layui-laydate-header i.laydate-next-y{right:15px}.layui-laydate-header i.laydate-next-m{right:45px}.laydate-set-ym{width:100%;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.laydate-time-text{cursor:default!important}.layui-laydate-content{position:relative;padding:10px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-laydate-content table{border-collapse:collapse;border-spacing:0}.layui-laydate-content td,.layui-laydate-content th{width:36px;height:30px;padding:5px;text-align:center}.layui-laydate-content td{position:relative;cursor:pointer}.laydate-day-mark{position:absolute;left:0;top:0;width:100%;height:100%;line-height:30px;font-size:12px;overflow:hidden}.laydate-day-mark::after{position:absolute;content:'';right:2px;top:2px;width:5px;height:5px;border-radius:50%}.layui-laydate-footer{position:relative;height:46px;line-height:26px;padding:10px 20px}.layui-laydate-footer span{margin-right:15px;display:inline-block;cursor:pointer;font-size:12px}.layui-laydate-footer span:hover{color:#5FB878}.laydate-footer-btns{position:absolute;right:10px;top:10px}.laydate-footer-btns span{height:26px;line-height:26px;margin:0 0 0 -1px;padding:0 10px;border:1px solid #C9C9C9;background-color:#fff;white-space:nowrap;vertical-align:top;border-radius:2px}.layui-laydate-list>li,.layui-laydate-range .layui-laydate-main{display:inline-block;vertical-align:middle}.layui-laydate-list{position:absolute;left:0;top:0;width:100%;height:100%;padding:10px;background-color:#fff}.layui-laydate-list>li{position:relative;width:33.3%;height:36px;line-height:36px;margin:3px 0;text-align:center;cursor:pointer}.laydate-month-list>li{width:25%;margin:17px 0}.laydate-time-list>li{height:100%;margin:0;line-height:normal;cursor:default}.laydate-time-list p{position:relative;top:-4px;line-height:29px}.laydate-time-list ol{height:181px;overflow:hidden}.laydate-time-list>li:hover ol{overflow-y:auto}.laydate-time-list ol li{width:130%;padding-left:33px;line-height:30px;text-align:left;cursor:pointer}.layui-laydate-hint{position:absolute;top:115px;left:50%;width:250px;margin-left:-125px;line-height:20px;padding:15px;text-align:center;font-size:12px}.layui-laydate-range{width:546px}.layui-laydate-range .laydate-main-list-0 .laydate-next-m,.layui-laydate-range .laydate-main-list-0 .laydate-next-y,.layui-laydate-range .laydate-main-list-1 .laydate-prev-m,.layui-laydate-range .laydate-main-list-1 .laydate-prev-y{display:none}.layui-laydate-range .laydate-main-list-1 .layui-laydate-content{border-left:1px solid #e2e2e2}.layui-laydate,.layui-laydate-hint{border:1px solid #d2d2d2;box-shadow:0 2px 4px rgba(0,0,0,.12);background-color:#fff;color:#666}.layui-laydate-header{border-bottom:1px solid #e2e2e2}.layui-laydate-header i:hover,.layui-laydate-header span:hover{color:#5FB878}.layui-laydate-content{border-top:none 0;border-bottom:none 0}.layui-laydate-content th{font-weight:400;color:#333}.layui-laydate-content td{color:#666}.layui-laydate-content td.laydate-selected{background-color:#00F7DE}.laydate-selected:hover{background-color:#00F7DE!important}.layui-laydate-content td:hover,.layui-laydate-list li:hover{background-color:#eaeaea;color:#333}.laydate-time-list li ol{margin:0;padding:0;border:1px solid #e2e2e2;border-left-width:0}.laydate-time-list li:first-child ol{border-left-width:1px}.laydate-time-list>li:hover{background:0 0}.layui-laydate-content .laydate-day-next,.layui-laydate-content .laydate-day-prev{color:#d2d2d2}.laydate-selected.laydate-day-next,.laydate-selected.laydate-day-prev{background-color:#f8f8f8!important}.layui-laydate-footer{border-top:1px solid #e2e2e2}.layui-laydate-hint{color:#FF5722}.laydate-day-mark::after{background-color:#5FB878}.layui-laydate-content td.layui-this .laydate-day-mark::after{display:none}.layui-laydate-footer span[lay-type=date]{color:#5FB878}.layui-laydate .layui-this{background-color:#009688!important;color:#fff!important}.layui-laydate .laydate-disabled,.layui-laydate .laydate-disabled:hover{background:0 0!important;color:#d2d2d2!important;cursor:not-allowed!important;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.laydate-theme-molv{border:none}.laydate-theme-molv.layui-laydate-range{width:548px}.laydate-theme-molv .layui-laydate-main{width:274px}.laydate-theme-molv .layui-laydate-header{border:none;background-color:#009688}.laydate-theme-molv .layui-laydate-header i,.laydate-theme-molv .layui-laydate-header span{color:#f6f6f6}.laydate-theme-molv .layui-laydate-header i:hover,.laydate-theme-molv .layui-laydate-header span:hover{color:#fff}.laydate-theme-molv .layui-laydate-content{border:1px solid #e2e2e2;border-top:none;border-bottom:none}.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content{border-left:none}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li,.laydate-theme-grid .layui-laydate-content td,.laydate-theme-grid .layui-laydate-content thead,.laydate-theme-molv .layui-laydate-footer{border:1px solid #e2e2e2}.laydate-theme-grid .laydate-selected,.laydate-theme-grid .laydate-selected:hover{background-color:#f2f2f2!important;color:#009688!important}.laydate-theme-grid .laydate-selected.laydate-day-next,.laydate-theme-grid .laydate-selected.laydate-day-prev{color:#d2d2d2!important}.laydate-theme-grid .laydate-month-list,.laydate-theme-grid .laydate-year-list{margin:1px 0 0 1px}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li{margin:0 -1px -1px 0}.laydate-theme-grid .laydate-year-list>li{height:43px;line-height:43px}.laydate-theme-grid .laydate-month-list>li{height:71px;line-height:71px} \ No newline at end of file diff --git a/src/laydate.js b/src/laydate.js index 0a75401..cc6bdd0 100644 --- a/src/laydate.js +++ b/src/laydate.js @@ -7,17 +7,17 @@ */ -;!function(){ +; !function () { "use strict"; var isLayui = window.layui && layui.define, ready = { - getPath: function(){ - var jsPath = document.currentScript ? document.currentScript.src : function(){ + getPath: function () { + var jsPath = document.currentScript ? document.currentScript.src : function () { var js = document.scripts - ,last = js.length - 1 - ,src; - for(var i = last; i > 0; i--){ - if(js[i].readyState === 'interactive'){ + , last = js.length - 1 + , src; + for (var i = last; i > 0; i--) { + if (js[i].readyState === 'interactive') { src = js[i].src; break; } @@ -26,37 +26,37 @@ }(); return jsPath.substring(0, jsPath.lastIndexOf('/') + 1); }() - + //获取节点的style属性值 - ,getStyle: function(node, name){ + , getStyle: function (node, name) { var style = node.currentStyle ? node.currentStyle : window.getComputedStyle(node, null); return style[style.getPropertyValue ? 'getPropertyValue' : 'getAttribute'](name); } - + //载入CSS配件 - ,link: function(href, fn, cssname){ - + , link: function (href, fn, cssname) { + //未设置路径，则不主动加载css - if(!laydate.path) return; - + if (!laydate.path) return; + var head = document.getElementsByTagName("head")[0], link = document.createElement('link'); - if(typeof fn === 'string') cssname = fn; + if (typeof fn === 'string') cssname = fn; var app = (cssname || href).replace(/\.|\//g, ''); - var id = 'layuicss-'+ app, timeout = 0; - + var id = 'layuicss-' + app, timeout = 0; + link.rel = 'stylesheet'; link.href = laydate.path + href; link.id = id; - - if(!document.getElementById(id)){ + + if (!document.getElementById(id)) { head.appendChild(link); } - - if(typeof fn !== 'function') return; - + + if (typeof fn !== 'function') return; + //轮询css是否加载完毕 - (function poll() { - if(++timeout > 8 * 1000 / 100){ + (function poll() { + if (++timeout > 8 * 1000 / 100) { return window.console && console.error('laydate.css: Invalid'); }; parseInt(ready.getStyle(document.getElementById(id), 'width')) === 1989 ? fn() : setTimeout(poll, 100); @@ -64,468 +64,469 @@ } } - ,laydate = { - v: '5.0.9' - ,config: {} //全局配置项 - ,index: (window.laydate && window.laydate.v) ? 100000 : 0 - ,path: ready.getPath - - //设置全局项 - ,set: function(options){ + , laydate = { + v: '5.0.9' + , config: {} //全局配置项 + , index: (window.laydate && window.laydate.v) ? 100000 : 0 + , path: 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; + } + } + + //操作当前实例 + , thisDate = function () { var that = this; - that.config = lay.extend({}, that.config, options); - return that; + return { + //提示框 + hint: function (content) { + that.hint.call(that, content); + } + , config: that.config + }; } - - //主体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; + + //字符常量 + , MOD_NAME = 'laydate', ELEM = '.layui-laydate', THIS = 'layui-this', SHOW = 'layui-show', HIDE = 'layui-hide', DISABLED = 'laydate-disabled', TIPS_OUT = '开始日期超出了结束日期
建议重新选择', 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' + + //组件构造器 + , Class = function (options) { + var that = this; + that.index = ++laydate.index; + that.config = lay.extend({}, that.config, laydate.config, options); + laydate.ready(function () { + that.init(); + }); } - } - - //操作当前实例 - ,thisDate = function(){ - var that = this; - return { - //提示框 - hint: function(content){ - that.hint.call(that, content); + + //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]); } - ,config: that.config }; - } - //字符常量 - ,MOD_NAME = 'laydate', ELEM = '.layui-laydate', THIS = 'layui-this', SHOW = 'layui-show', HIDE = 'layui-hide', DISABLED = 'laydate-disabled', TIPS_OUT = '开始日期超出了结束日期
建议重新选择', 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' - - //组件构造器 - ,Class = function(options){ - var that = this; - that.index = ++laydate.index; - that.config = lay.extend({}, that.config, laydate.config, options); - laydate.ready(function(){ - that.init(); - }); - } - - //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(){ + 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]; + , 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; } - return target; - } args[0] = typeof args[0] === 'object' ? args[0] : {}; - for(; ai < args.length; ai++){ - if(typeof args[ai] === 'object'){ + for (; ai < args.length; ai++) { + if (typeof args[ai] === 'object') { clone(args[0], args[ai]) } } return args[0]; }; - + //ie版本 - lay.ie = function(){ + lay.ie = function () { var agent = navigator.userAgent.toLowerCase(); return (!!window.ActiveXObject || "ActiveXObject" in window) ? ( (agent.match(/msie\s(\d+)/) || [])[1] || '11' //由于ie11并没有msie的标识 ) : false; }(); - + //中止冒泡 - lay.stope = function(e){ + lay.stope = function (e) { e = e || window.event; - e.stopPropagation - ? e.stopPropagation() - : e.cancelBubble = true; + e.stopPropagation + ? e.stopPropagation() + : e.cancelBubble = true; }; - + //对象遍历 - lay.each = function(obj, fn){ + lay.each = function (obj, fn) { var key - ,that = this; - if(typeof fn !== 'function') return that; + , that = this; + if (typeof fn !== 'function') return that; obj = obj || []; - if(obj.constructor === Object){ - for(key in obj){ - if(fn.call(obj[key], key, obj[key])) break; + if (obj.constructor === Object) { + for (key in obj) { + if (fn.call(obj[key], key, obj[key])) break; } } else { - for(key = 0; key < obj.length; key++){ - if(fn.call(obj[key], key, obj[key])) break; + for (key = 0; key < obj.length; key++) { + if (fn.call(obj[key], key, obj[key])) break; } } return that; }; - + //数字前置补零 - lay.digit = function(num, length, end){ + lay.digit = function (num, length, end) { var str = ''; num = String(num); length = length || 2; - for(var i = num.length; i < length; i++){ + for (var i = num.length; i < length; i++) { str += '0'; } - return num < Math.pow(10, length) ? str + (num|0) : num; + return num < Math.pow(10, length) ? str + (num | 0) : num; }; - + //创建元素 - lay.elem = function(elemName, attr){ + lay.elem = function (elemName, attr) { var elem = document.createElement(elemName); - lay.each(attr || {}, function(key, value){ + lay.each(attr || {}, function (key, value) { elem.setAttribute(key, value); }); return elem; }; - + //追加字符 - LAY.addStr = function(str, new_str){ + 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)){ + 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){ + 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)){ + 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){ + LAY.prototype.find = function (selector) { var that = this; var index = 0, arr = [] - ,isObject = typeof selector === 'object'; - - this.each(function(i, item){ + , isObject = typeof selector === 'object'; + + this.each(function (i, item) { var nativeDOM = isObject ? [selector] : item.querySelectorAll(selector || null); - for(; index < nativeDOM.length; index++){ + for (; index < nativeDOM.length; index++) { arr.push(nativeDOM[index]); } that.shift(); }); - - if(!isObject){ - that.selector = (that.selector ? that.selector + ' ' : '') + selector + + if (!isObject) { + that.selector = (that.selector ? that.selector + ' ' : '') + selector } - - lay.each(arr, function(i, item){ + + lay.each(arr, function (i, item) { that.push(item); }); - + return that; }; - + //DOM遍历 - LAY.prototype.each = function(fn){ + 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){ + 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){ + LAY.prototype.removeClass = function (className) { return this.addClass(className, true); }; - + //是否包含css类 - LAY.prototype.hasClass = function(className){ + LAY.prototype.hasClass = function (className) { var has = false; - this.each(function(index, item){ - if(new RegExp('\\b'+ className +'\\b').test(item.className)){ + this.each(function (index, item) { + if (new RegExp('\\b' + className + '\\b').test(item.className)) { has = true; } }); return has; }; - + //添加或获取属性 - LAY.prototype.attr = function(key, 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){ + 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){ + LAY.prototype.removeAttr = function (key) { + return this.each(function (index, item) { item.removeAttribute(key); }); }; - + //设置HTML内容 - LAY.prototype.html = function(html){ - return this.each(function(index, item){ + LAY.prototype.html = function (html) { + return this.each(function (index, item) { item.innerHTML = html; }); }; - + //设置值 - LAY.prototype.val = function(value){ - return this.each(function(index, item){ + LAY.prototype.val = function (value) { + return this.each(function (index, item) { item.value = value; }); }; - + //追加内容 - LAY.prototype.append = function(elem){ - return this.each(function(index, item){ - typeof elem === 'object' + LAY.prototype.append = function (elem) { + return this.each(function (index, item) { + typeof elem === 'object' ? item.appendChild(elem) - : item.innerHTML = item.innerHTML + elem; + : item.innerHTML = item.innerHTML + elem; }); }; - + //移除内容 - LAY.prototype.remove = function(elem){ - return this.each(function(index, item){ + 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){ + 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.prototype.off = function (eventName, fn) { + return this.each(function (index, item) { + item.detachEvent + ? item.detachEvent('on' + eventName, fn) + : item.removeEventListener(eventName, fn, false); }); }; - - + + /* 组件操作 */ - - + + //是否闰年 - Class.isLeapYear = function(year){ + 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参数设定的日期格式字符 - ,min: '1900-1-1' //有效最小日期，年月日必须用“-”分割，时分秒必须用“:”分割。注意：它并不是遵循 format 设定的格式。 - ,max: '2099-12-31' //有效最大日期，同上 - ,trigger: 'focus' //呼出控件的事件 - ,show: false //是否直接显示，如果设置true，则默认直接显示控件 - ,showBottom: true //是否显示底部栏 - ,btns: ['clear', 'now', 'confirm'] //右下角显示的按钮，会按照数组顺序排列 - ,lang: 'cn' //语言，只支持cn/en，即中文和英文 - ,theme: 'default' //主题 - ,position: null //控件定位方式定位, 默认absolute，支持：fixed/absolute/static - ,calendar: false //是否开启公历重要节日，仅支持中文版 - ,mark: {} //日期备注，如重要事件或活动标记 - ,zIndex: null //控件层叠顺序 - ,done: null //控件选择完毕后的回调，点击清空/现在/确定也均会触发 - ,change: null //日期时间改变后的回调 + , range: false //是否开启范围选择，即双控件 + , format: 'yyyy-MM-dd' //默认日期格式 + , value: null //默认日期，支持传入new Date()，或者符合format参数设定的日期格式字符 + , min: '1900-1-1 00:00:00' //有效最小日期，年月日必须用“-”分割，时分秒必须用“:”分割。注意：它并不是遵循 format 设定的格式。 + , max: '2099-12-31 23:59:59' //有效最大日期，同上 + , trigger: 'focus' //呼出控件的事件 + , show: false //是否直接显示，如果设置true，则默认直接显示控件 + , showBottom: true //是否显示底部栏 + , btns: ['clear', 'now', 'confirm'] //右下角显示的按钮，会按照数组顺序排列 + , lang: 'cn' //语言，只支持cn/en，即中文和英文 + , theme: 'default' //主题 + , position: null //控件定位方式定位, 默认absolute，支持：fixed/absolute/static + , calendar: false //是否开启公历重要节日，仅支持中文版 + , mark: {} //日期备注，如重要事件或活动标记 + , zIndex: null //控件层叠顺序 + , done: null //控件选择完毕后的回调，点击清空/现在/确定也均会触发 + , change: null //日期时间改变后的回调 + , container: '' // 日期组件容器 }; - + //多语言 - Class.prototype.lang = function(){ + Class.prototype.lang = function () { var that = this - ,options = that.config - ,text = { - cn: { - weeks: ['日', '一', '二', '三', '四', '五', '六'] - ,time: ['时', '分', '秒'] - ,timeTips: '选择时间' - ,startTime: '开始时间' - ,endTime: '结束时间' - ,dateTips: '返回日期' - ,month: ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二'] - ,tools: { - confirm: '确定' - ,clear: '清空' - ,now: '现在' + , options = that.config + , text = { + cn: { + weeks: ['日', '一', '二', '三', '四', '五', '六'] + , time: ['时', '分', '秒'] + , timeTips: '选择时间' + , startTime: '开始时间' + , endTime: '结束时间' + , dateTips: '返回日期' + , month: ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二'] + , tools: { + confirm: '确定' + , clear: '清空' + , now: '现在' + } } - } - ,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' + , 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' + } } - } - }; + }; return text[options.lang] || text['cn']; }; - + //初始准备 - Class.prototype.init = function(){ + Class.prototype.init = function () { var that = this - ,options = that.config - ,dateType = 'yyyy|y|MM|M|dd|d|HH|H|mm|m|ss|s' - ,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 = that.config + , dateType = 'yyyy|y|MM|M|dd|d|HH|H|mm|m|ss|s' + , 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; - + + if (!options.elem[0]) return; + //日期范围分隔符 - if(options.range === true) options.range = '-'; - + if (options.range === true) options.range = '-'; + //根据不同type，初始化默认format - if(options.format === format.date){ + if (options.format === format.date) { options.format = format[options.type]; } - + //将日期格式转化成数组 that.format = options.format.match(new RegExp(dateType + '|.', 'g')) || []; - + //生成正则表达式 - 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; + 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'; + if (/^yyyy$/.test(item)) return '1,4'; + if (/^y$/.test(item)) return '1,308'; return '1,2'; - }() +'}' - : '\\' + item; + }() + '}' + : '\\' + item; that.EXP_IF = that.EXP_IF + EXP; that.EXP_SPLIT = that.EXP_SPLIT + '(' + EXP + ')'; }); - that.EXP_IF = new RegExp('^'+ ( - options.range ? - that.EXP_IF + '\\s\\'+ options.range + '\\s' + that.EXP_IF - : that.EXP_IF - ) +'$'); - that.EXP_SPLIT = new RegExp('^'+ that.EXP_SPLIT +'$', ''); - + that.EXP_IF = new RegExp('^' + ( + options.range ? + that.EXP_IF + '\\s\\' + options.range + '\\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'){ + if (!that.isInput(options.elem[0])) { + if (options.trigger === 'focus') { options.trigger = 'click'; } } - + //设置唯一KEY - if(!options.elem.attr('lay-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': '圣诞' + , '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){ + lay.each(['min', 'max'], function (i, item) { var ymd = [], hms = []; - if(typeof options[item] === 'number'){ //如果为数字 + 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 - ); + , 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 { @@ -534,63 +535,63 @@ } 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 + , 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(); + + that.elemID = 'layui-laydate' + options.elem.attr('lay-key'); + + if (options.show || isStatic) that.render(); isStatic || that.events(); - + //默认赋值 - if(options.value){ - if(options.value.constructor === Date){ - that.setValue(that.parse(0, that.systemDate(options.value))); + if (options.value) { + if (options.value.constructor === Date) { + that.setValue(that.parse(0, that.systemDate(options.value))); } else { - that.setValue(options.value); + that.setValue(options.value); } } }; - + //控件主体渲染 - Class.prototype.render = function(){ + 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; - + , 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){ + lay.each(new Array(2), function (i) { + if (!options.range && i > 0) { return true; } @@ -598,59 +599,59 @@ 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'); - + + //左右切换 + , 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){ + lay.each(headerChild, function (i, item) { divHeader.appendChild(item); }); - - //生成表格 + + //生成表格 thead.appendChild(theadTr); - lay.each(new Array(6), function(i){ //表体 + lay.each(new Array(6), function (i) { //表体 var tr = table.insertRow(0); - lay.each(new Array(7), function(j){ - if(i === 0){ + lay.each(new Array(7), function (j) { + if (i === 0) { var th = lay.elem('th'); th.innerHTML = lang.weeks[j]; theadTr.appendChild(th); @@ -660,270 +661,284 @@ }); table.insertBefore(thead, table.children[0]); //表头 divContent.appendChild(table); - + elemMain[i] = lay.elem('div', { - 'class': 'layui-laydate-main laydate-main-list-'+ i + '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(){ + lay(divFooter).html(function () { var html = [], btns = []; - if(options.type === 'datetime'){ - html.push(''+ lang.timeTips +''); + if (options.type === 'datetime') { + html.push('' + lang.timeTips + ''); } - lay.each(options.btns, function(i, item){ + 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 +''); + if (options.range && item === 'now') return; + if (isStatic && item === 'clear') title = options.lang === 'cn' ? '重置' : 'Reset'; + btns.push('' + title + ''); }); - html.push('
'+ btns.join('') +'
'); + html.push('
' + btns.join('') + '
'); return html.join(''); }()); - + //插入到主区域 - lay.each(elemMain, function(i, main){ + lay.each(elemMain, function (i, main) { elem.appendChild(main); }); options.showBottom && elem.appendChild(divFooter); - + //生成自定义主题 - if(/^#/.test(options.theme)){ + 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){ + , 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); } - + //移除上一个控件 - that.remove(Class.thisElemDate); - + that.remove(Class.thisElemDate); + //如果是静态定位，则插入到指定的容器中，否则，插入到body - isStatic ? options.elem.append(elem) : ( + // 优先插入到指定的容器里 + var container; + switch (typeof options.container) { + case 'string': + try { + container = document.querySelector(options.container); + } catch (e) { } + break; + case 'object': + break; + default: + container = 0; + } + + container ? container.append(elem) : isStatic ? options.elem.append(elem) : ( document.body.appendChild(elem) - ,that.position() //定位 + , that.position() //定位 ); - + that.checkDate().calendar(); //初始校验 that.changeEvent(); //日期切换 - + Class.thisElemDate = that.elemID; typeof options.ready === 'function' && options.ready(lay.extend({}, options.dateTime, { month: options.dateTime.month + 1 })); }; - + //控件移除 - Class.prototype.remove = function(prev){ + Class.prototype.remove = function (prev) { var that = this - ,options = that.config - ,elem = lay('#'+ (prev || that.elemID)); - if(!elem.hasClass(ELEM_STATIC)){ - that.checkDate(function(){ + , options = that.config + , elem = lay('#' + (prev || that.elemID)); + if (!elem.hasClass(ELEM_STATIC)) { + that.checkDate(function () { elem.remove(); }); } return that; }; - + //定位算法 - Class.prototype.position = function(){ + Class.prototype.position = function () { var that = this - ,options = that.config - ,elem = that.bindElem || options.elem[0] - ,rect = elem.getBoundingClientRect() //绑定元素的坐标 - ,elemWidth = that.elem.offsetWidth //控件的宽度 - ,elemHeight = that.elem.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; - + , options = that.config + , elem = that.bindElem || options.elem[0] + , rect = elem.getBoundingClientRect() //绑定元素的坐标 + , elemWidth = that.elem.offsetWidth //控件的宽度 + , elemHeight = that.elem.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')){ + if (left + elemWidth + margin > winArea('width')) { left = winArea('width') - elemWidth - margin; } - + //如果底部超出边界 - if(top + elemHeight + margin > winArea()){ + if (top + elemHeight + margin > winArea()) { top = rect.top > elemHeight //顶部是否有足够区域显示完全 - ? rect.top - elemHeight - : winArea() - elemHeight; - top = top - margin*2; + ? rect.top - elemHeight + : winArea() - elemHeight; + top = top - margin * 2; } - - if(options.position){ + + if (options.position) { that.elem.style.position = options.position; } that.elem.style.left = left + (options.position === 'fixed' ? 0 : scrollArea(1)) + 'px'; that.elem.style.top = top + (options.position === 'fixed' ? 0 : scrollArea()) + 'px'; }; - + //提示 - Class.prototype.hint = function(content){ + Class.prototype.hint = function (content) { var that = this - ,options = that.config - ,div = lay.elem('div', { - 'class': ELEM_HINT - }); - + , options = that.config + , div = lay.elem('div', { + 'class': ELEM_HINT + }); + div.innerHTML = content || ''; - lay(that.elem).find('.'+ ELEM_HINT).remove(); + 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(); + that.hinTimer = setTimeout(function () { + lay(that.elem).find('.' + ELEM_HINT).remove(); }, 3000); }; - + //获取递增/减后的年月 - Class.prototype.getAsYM = function(Y, M, type){ + Class.prototype.getAsYM = function (Y, M, type) { type ? M-- : M++; - if(M < 0){ + if (M < 0) { M = 11; Y--; } - if(M > 11){ + if (M > 11) { M = 0; Y++; } return [Y, M]; }; - + //系统消息 - Class.prototype.systemDate = function(newDate){ + 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 //秒 + , 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){ + Class.prototype.checkDate = function (fn) { var that = this - ,thisDate = new Date() - ,options = that.config - ,dateTime = options.dateTime = options.dateTime || that.systemDate() - ,thisMaxDate, error - - ,elem = that.bindElem || options.elem[0] - ,valType = that.isInput(elem) ? 'val' : 'html' - ,value = that.isInput(elem) ? elem.value : (options.position === 'static' ? '' : elem.innerHTML) - - //校验日期有效数字 - ,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]] || {}; + , thisDate = new Date() + , options = that.config + , dateTime = options.dateTime = options.dateTime || that.systemDate() + , thisMaxDate, error + + , elem = that.bindElem || options.elem[0] + , valType = that.isInput(elem) ? 'val' : 'html' + , value = that.isInput(elem) ? elem.value : (options.position === 'static' ? '' : elem.innerHTML) + + //校验日期有效数字 + , 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; } - 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); + + //获得初始化日期值 + , 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]] || {}; } - }); - checkValid(dateTime) - }; - - if(fn === 'limit') return checkValid(dateTime), that; - + 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'){ + if (typeof value === 'string') { value = value.replace(/\s+/g, ' ').replace(/^\s|\s$/g, ''); } - + //如果点击了开始，单未选择结束就关闭，则重新选择开始 - if(that.startState && !that.endState){ + if (that.startState && !that.endState) { delete that.startState; that.endState = true; }; - if(typeof value === 'string' && value){ - if(that.EXP_IF.test(value)){ //校验日期格式 - if(options.range){ - value = value.split(' '+ options.range +' '); + if (typeof value === 'string' && value) { + if (that.EXP_IF.test(value)) { //校验日期格式 + if (options.range) { + value = value.split(' ' + options.range + ' '); that.startDate = that.startDate || that.systemDate(); that.endDate = that.endDate || that.systemDate(); options.dateTime = lay.extend({}, that.startDate); - lay.each([that.startDate, that.endDate], function(i, item){ + lay.each([that.startDate, that.endDate], function (i, item) { initDate(item, value[i], i); }); } else { initDate(dateTime, value) } } else { - that.hint('日期格式不合法
必须遵循下述格式：
'+ ( - options.range ? (options.format + ' '+ options.range +' ' + options.format) : options.format + that.hint('日期格式不合法
必须遵循下述格式：
' + ( + options.range ? (options.format + ' ' + options.range + ' ' + options.format) : options.format ) + '
已为你重置'); error = true; } - } else if(value && value.constructor === Date){ //如果值为日期对象时 + } else if (value && value.constructor === Date) { //如果值为日期对象时 options.dateTime = that.systemDate(value); } else { options.dateTime = that.systemDate(); @@ -937,7 +952,7 @@ checkValid(dateTime); - if(error && value){ + if (error && value) { that.setValue( options.range ? (that.endDate ? that.parse() : '') : that.parse() ); @@ -945,93 +960,94 @@ fn && fn(); return that; }; - + //公历重要日期与自定义备注 - Class.prototype.mark = function(td, YMD){ + Class.prototype.mark = function (td, YMD) { var that = this - ,mark, options = that.config; - lay.each(options.mark, function(key, title){ + , 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]){ //特定日 + 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 +''); - + mark && td.html('' + mark + ''); + return that; }; - + //无效日期范围的标记 - Class.prototype.limit = function(elem, date, index, time){ + 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 || {}); + , 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({ + , min: options.min + , max: options.max + }, function (key, item) { + timestrap[key] = that.newDate(lay.extend(options.type === 'time' ? {} : { year: item.year - ,month: item.month - ,date: item.date - }, function(){ + , month: item.month + , date: item.date + }, function () { var hms = {}; - lay.each(time, function(i, keys){ + 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.calendar = function(value){ + Class.prototype.calendar = function (value) { var that = this - ,options = that.config - ,dateTime = value || options.dateTime - ,thisDate = new Date(), startWeek, prevMaxDate, thisMaxDate - ,lang = that.lang() - - ,isAlone = options.type !== 'date' && options.type !== 'datetime' - ,index = value ? 1 : 0 - ,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('最低只能支持到公元'+ LIMIT_YEAR[0] +'年'); - if(dateTime.year > LIMIT_YEAR[1]) dateTime.year = LIMIT_YEAR[1], that.hint('最高只能支持到公元'+ LIMIT_YEAR[1] +'年'); - + , options = that.config + , dateTime = value || options.dateTime + , thisDate = new Date(), startWeek, prevMaxDate, thisMaxDate + , lang = that.lang() + + , isAlone = options.type !== 'date' && options.type !== 'datetime' + , index = value ? 1 : 0 + , 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('最低只能支持到公元' + LIMIT_YEAR[0] + '年'); + if (dateTime.year > LIMIT_YEAR[1]) dateTime.year = LIMIT_YEAR[1], that.hint('最高只能支持到公元' + LIMIT_YEAR[1] + '年'); + //记录初始值 - if(!that.firstDate){ + 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){ + lay.each(tds, function (index, item) { var YMD = [dateTime.year, dateTime.month], st = 0; item = lay(item); item.removeAttr('class'); - if(index < startWeek){ + 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){ + } else if (index >= startWeek && index < thisMaxDate + startWeek) { st = index - startWeek; - if(!options.range){ + if (!options.range) { st + 1 === dateTime.date && item.addClass(THIS); } } else { @@ -1044,16 +1060,16 @@ 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] + , 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'){ + + 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 { @@ -1062,93 +1078,93 @@ } //初始默认选择器 - if(isAlone){ - if(options.range){ + if (isAlone) { + if (options.range) { value ? that.endDate = (that.endDate || { year: dateTime.year + (options.type === 'year' ? 1 : 0) - ,month: dateTime.month + (options.type === 'month' ? 0 : -1) + , month: dateTime.month + (options.type === 'month' ? 0 : -1) }) : (that.startDate = that.startDate || { year: dateTime.year - ,month: dateTime.month + , month: dateTime.month }); - if(value){ + if (value) { that.listYM = [ [that.startDate.year, that.startDate.month + 1] - ,[that.endDate.year, that.endDate.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) + , lay.extend({}, that.systemDate(), that.startTime) + , lay.extend({}, that.systemDate(), that.endTime) ) : that.setBtnStatus(true); - } + } } - if(!options.range){ + if (!options.range) { that.listYM = [[dateTime.year, dateTime.month + 1]]; that.list(options.type, 0); } } - + //赋值双日历 - if(options.range && !value){ + if (options.range && !value) { var EYM = that.getAsYM(dateTime.year, dateTime.month) that.calendar(lay.extend({}, dateTime, { year: EYM[0] - ,month: EYM[1] + , month: EYM[1] })); } - + //通过检测当前有效日期，来设定确定按钮是否可点 - if(!options.range) that.limit(lay(that.footer).find(ELEM_CONFIRM), null, 0, ['hours', 'minutes', 'seconds']); - + if (!options.range) that.limit(lay(that.footer).find(ELEM_CONFIRM), null, 0, ['hours', 'minutes', 'seconds']); + //标记选择范围 - if(options.range && value && !isAlone) that.stampRange(); + if (options.range && value && !isAlone) that.stampRange(); return that; }; //生成年月时分秒列表 - Class.prototype.list = function(type, index){ + 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'){ //年列表 + , 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){ + if (startY < 1) startY = yearNum = 1; + lay.each(new Array(15), function (i) { var li = lay.elem('li', { 'lay-ym': yearNum - }), ymd = {year: yearNum}; + }), ymd = { year: yearNum }; yearNum == listYM[0] && lay(li).addClass(THIS); li.innerHTML = yearNum + text; ul.appendChild(li); - if(yearNum < that.firstDate.year){ + if (yearNum < that.firstDate.year) { ymd.month = options.min.month; ymd.date = options.min.date; - } else if(yearNum >= that.firstDate.year){ + } else if (yearNum >= that.firstDate.year) { ymd.month = options.max.month; ymd.date = options.max.date; } @@ -1156,101 +1172,106 @@ 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){ + .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}; + }), 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){ + if (listYM[0] < that.firstDate.year) { ymd.date = options.min.date; - } else if(listYM[0] >= that.firstDate.year){ + } 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'){ //时间列表 + .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){ + 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 + , minutes: ii }, { hours: that[startEnd].hours - ,minutes: that[startEnd].minutes - ,seconds: ii + , 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) that.limit(lay(that.footer).find(ELEM_CONFIRM), that[startEnd], 0, ['hours', 'minutes', 'seconds']); }; - if(options.range){ - if(!that[startEnd]) that[startEnd] = { + if (options.range) { + if (!that[startEnd]) that[startEnd] = { hours: 0 - ,minutes: 0 - ,seconds: 0 + , minutes: 0 + , seconds: 0 }; } 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) +''); + // 使当前时间在最大最小区间 + lay.each(['hours', 'minutes', 'seconds'], function (i, item) { + that[startEnd][item] = Math.max(Math.min(options.max[item], that[startEnd][item]), options.min[item]); + }); + + 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); + if (haveList) elemCont.removeChild(haveList); elemCont.appendChild(ul); - + //年月 - if(type === 'year' || type === 'month'){ + if (type === 'year' || type === 'month') { //显示切换箭头 lay(that.elemMain[index]).addClass('laydate-ym-show'); - + //选中 - lay(ul).find('li').on('click', function(){ + lay(ul).find('li').on('click', function () { var ym = lay(this).attr('lay-ym') | 0; - if(lay(this).hasClass(DISABLED)) return; - - if(index === 0){ + if (lay(this).hasClass(DISABLED)) return; + + if (index === 0) { dateTime[type] = ym; - if(isAlone) that.startDate[type] = ym; + if (isAlone) that.startDate[type] = ym; that.limit(lay(that.footer).find(ELEM_CONFIRM), null, 0); } else { //范围选择 - if(isAlone){ //非date/datetime类型 + if (isAlone) { //非date/datetime类型 that.endDate[type] = ym; } else { //date/datetime类型 - var YM = type === 'year' - ? that.getAsYM(ym, listYM[1] - 1, 'sub') - : that.getAsYM(listYM[0], ym, 'sub'); + var YM = type === 'year' + ? that.getAsYM(ym, listYM[1] - 1, 'sub') + : that.getAsYM(listYM[0], ym, 'sub'); lay.extend(dateTime, { year: YM[0] - ,month: YM[1] + , month: YM[1] }); } } - - if(options.type === 'year' || options.type === 'month'){ - lay(ul).find('.'+ THIS).removeClass(THIS); + + if (options.type === 'year' || options.type === 'month') { + lay(ul).find('.' + THIS).removeClass(THIS); lay(this).addClass(THIS); - + //如果为年月选择器，点击了年列表，则切换到月选择器 - if(options.type === 'month' && type === 'year'){ + if (options.type === 'month' && type === 'year') { that.listYM[index][0] = ym; isAlone && (that[['startDate', 'endDate'][index]].year = ym); that.list('month', index); @@ -1267,480 +1288,480 @@ } else { var span = lay.elem('span', { 'class': ELEM_TIME_TEXT - }), scroll = function(){ //滚动条定位 - lay(ul).find('ol').each(function(i){ + }), 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); + , 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); + }, haveSpan = lay(elemHeader[2]).find('.' + ELEM_TIME_TEXT); scroll() - span.innerHTML = options.range ? [lang.startTime,lang.endTime][index] : lang.timeTips + span.innerHTML = options.range ? [lang.startTime, lang.endTime][index] : lang.timeTips lay(that.elemMain[index]).addClass('laydate-time-show'); - if(haveSpan[0]) haveSpan.remove(); + if (haveSpan[0]) haveSpan.remove(); elemHeader[2].appendChild(span); - lay(ul).find('ol').each(function(i){ + lay(ul).find('ol').each(function (i) { var ol = this; //选择时分秒 - lay(ol).find('li').on('click', function(){ + 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; + 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(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(){ + Class.prototype.closeList = function () { var that = this - ,options = that.config; - - lay.each(that.elemCont, function(index, item){ - lay(this).find('.'+ ELEM_LIST).remove(); + , 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(); + lay(that.elem).find('.' + ELEM_TIME_TEXT).remove(); }; - + //检测结束日期是否超出开始日期 - Class.prototype.setBtnStatus = function(tips, start, end){ + Class.prototype.setBtnStatus = function (tips, start, end) { var that = this - ,options = that.config - ,isOut, elemBtn = lay(that.footer).find(ELEM_CONFIRM) - ,isAlone = options.range && options.type !== 'date' && options.type !== 'time'; - if(isAlone){ + , options = that.config + , isOut, elemBtn = lay(that.footer).find(ELEM_CONFIRM) + , isAlone = options.range && options.type !== 'date' && options.type !== 'time'; + if (isAlone) { start = start || that.startDate; end = end || that.endDate; isOut = that.newDate(start).getTime() > that.newDate(end).getTime(); - + //如果不在有效日期内，直接禁用按钮，否则比较开始和结束日期 - (that.limit(null, start) || that.limit(null, end)) + (that.limit(null, start) || that.limit(null, end)) ? elemBtn.addClass(DISABLED) - : elemBtn[isOut ? 'addClass' : 'removeClass'](DISABLED); - + : elemBtn[isOut ? 'addClass' : 'removeClass'](DISABLED); + //是否异常提示 - if(tips && isOut) that.hint( + if (tips && isOut) that.hint( typeof tips === 'string' ? TIPS_OUT.replace(/日期/g, tips) : TIPS_OUT ); } }; - + //转义为规定格式的日期字符 - Class.prototype.parse = function(state, date){ + Class.prototype.parse = function (state, date) { var that = this - ,options = that.config - ,dateTime = date || (state - ? lay.extend({}, that.endDate, that.endTime) - : (options.range ? lay.extend({}, that.startDate, that.startTime) : options.dateTime)) - ,format = that.format.concat(); + , options = that.config + , dateTime = date || (state + ? lay.extend({}, that.endDate, that.endTime) + : (options.range ? lay.extend({}, that.startDate, that.startTime) : options.dateTime)) + , format = that.format.concat(); //转义为规定格式 - lay.each(format, function(i, item){ - if(/yyyy|y/.test(item)){ //年 + 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)){ //月 + } else if (/MM|M/.test(item)) { //月 format[i] = lay.digit(dateTime.month + 1, item.length); - } else if(/dd|d/.test(item)){ //日 + } else if (/dd|d/.test(item)) { //日 format[i] = lay.digit(dateTime.date, item.length); - } else if(/HH|H/.test(item)){ //时 + } else if (/HH|H/.test(item)) { //时 format[i] = lay.digit(dateTime.hours, item.length); - } else if(/mm|m/.test(item)){ //分 + } else if (/mm|m/.test(item)) { //分 format[i] = lay.digit(dateTime.minutes, item.length); - } else if(/ss|s/.test(item)){ //秒 + } else if (/ss|s/.test(item)) { //秒 format[i] = lay.digit(dateTime.seconds, item.length); } }); - + //返回日期范围字符 - if(options.range && !state){ - return format.join('') + ' '+ options.range +' ' + that.parse(1); + if (options.range && !state) { + return format.join('') + ' ' + options.range + ' ' + that.parse(1); } - + return format.join(''); }; - + //创建指定日期时间对象 - Class.prototype.newDate = function(dateTime){ + 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 + , dateTime.month || 0 + , dateTime.date || 1 + , dateTime.hours || 0 + , dateTime.minutes || 0 + , dateTime.seconds || 0 ); }; - + //赋值 - Class.prototype.setValue = function(value){ + Class.prototype.setValue = function (value) { var that = this - ,options = that.config - ,elem = that.bindElem || options.elem[0] - ,valType = that.isInput(elem) ? 'val' : 'html' - + , options = that.config + , elem = that.bindElem || options.elem[0] + , valType = that.isInput(elem) ? 'val' : 'html' + options.position === 'static' || lay(elem)[valType](value || ''); return this; }; - + //标记范围内的日期 - Class.prototype.stampRange = function(){ + Class.prototype.stampRange = function () { var that = this - ,options = that.config - ,startTime, endTime - ,tds = lay(that.elem).find('td'); - - if(options.range && !that.endDate) lay(that.footer).find(ELEM_CONFIRM).addClass(DISABLED); - if(!that.endDate) return; + , options = that.config + , startTime, endTime + , tds = lay(that.elem).find('td'); + + if (options.range && !that.endDate) lay(that.footer).find(ELEM_CONFIRM).addClass(DISABLED); + if (!that.endDate) return; startTime = that.newDate({ year: that.startDate.year - ,month: that.startDate.month - ,date: that.startDate.date + , month: that.startDate.month + , date: that.startDate.date }).getTime(); - + endTime = that.newDate({ year: that.endDate.year - ,month: that.endDate.month - ,date: that.endDate.date + , month: that.endDate.month + , date: that.endDate.date }).getTime(); - - if(startTime > endTime) return that.hint(TIPS_OUT); - - lay.each(tds, function(i, item){ + + if (startTime > endTime) return that.hint(TIPS_OUT); + + lay.each(tds, function (i, item) { var ymd = lay(item).attr('lay-ymd').split('-') - ,thisTime = that.newDate({ - year: ymd[0] - ,month: ymd[1] - 1 - ,date: ymd[2] - }).getTime(); + , thisTime = that.newDate({ + year: ymd[0] + , month: ymd[1] - 1 + , date: ymd[2] + }).getTime(); lay(item).removeClass(ELEM_SELECTED + ' ' + THIS); - if(thisTime === startTime || thisTime === endTime){ + if (thisTime === startTime || thisTime === endTime) { lay(item).addClass( lay(item).hasClass(ELEM_PREV) || lay(item).hasClass(ELEM_NEXT) ? ELEM_SELECTED - : THIS + : THIS ); } - if(thisTime > startTime && thisTime < endTime){ + if (thisTime > startTime && thisTime < endTime) { lay(item).addClass(ELEM_SELECTED); } }); }; - + //执行done/change回调 - Class.prototype.done = function(param, type){ + Class.prototype.done = function (param, type) { var that = this - ,options = that.config - ,start = lay.extend({}, that.startDate ? lay.extend(that.startDate, that.startTime) : options.dateTime) - ,end = lay.extend({}, lay.extend(that.endDate, that.endTime)) - - lay.each([start, end], function(i, item){ - if(!('month' in item)) return; + , options = that.config + , start = lay.extend({}, that.startDate ? lay.extend(that.startDate, that.startTime) : options.dateTime) + , 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 }); }); - + param = param || [that.parse(), start, end]; typeof options[type || 'done'] === 'function' && options[type || 'done'].apply(options, param); - + return that; }; - + //选择日期 - Class.prototype.choose = function(td){ + Class.prototype.choose = function (td) { var that = this - ,options = that.config - ,dateTime = options.dateTime - - ,tds = lay(that.elem).find('td') - ,YMD = td.attr('lay-ymd').split('-') - - ,setDateTime = function(one){ - var thisDate = new Date(); - - //同步dateTime - one && lay.extend(dateTime, YMD); - - //记录开始日期 - if(options.range){ - that.startDate ? lay.extend(that.startDate, YMD) : ( - that.startDate = lay.extend({}, YMD, that.startTime) - ); - that.startYMD = YMD; - } - }; - + , options = that.config + , dateTime = options.dateTime + + , tds = lay(that.elem).find('td') + , YMD = td.attr('lay-ymd').split('-') + + , setDateTime = function (one) { + var thisDate = new Date(); + + //同步dateTime + one && lay.extend(dateTime, YMD); + + //记录开始日期 + if (options.range) { + that.startDate ? lay.extend(that.startDate, YMD) : ( + that.startDate = lay.extend({}, YMD, that.startTime) + ); + that.startYMD = YMD; + } + }; + YMD = { year: YMD[0] | 0 - ,month: (YMD[1] | 0) - 1 - ,date: YMD[2] | 0 + , month: (YMD[1] | 0) - 1 + , date: YMD[2] | 0 }; - - if(td.hasClass(DISABLED)) return; + + if (td.hasClass(DISABLED)) return; //范围选择 - if(options.range){ - - lay.each(['startTime', 'endTime'], function(i, item){ + if (options.range) { + + lay.each(['startTime', 'endTime'], function (i, item) { that[item] = that[item] || { hours: 0 - ,minutes: 0 - ,seconds: 0 + , minutes: 0 + , seconds: 0 }; }); - - if(that.endState){ //重新选择 + + if (that.endState) { //重新选择 setDateTime(); delete that.endState; delete that.endDate; that.startState = true; tds.removeClass(THIS + ' ' + ELEM_SELECTED); td.addClass(THIS); - } else if(that.startState){ //选中截止 + } else if (that.startState) { //选中截止 td.addClass(THIS); - + that.endDate ? lay.extend(that.endDate, YMD) : ( that.endDate = lay.extend({}, YMD, that.endTime) ); - + //判断是否顺时或逆时选择 - if(that.newDate(YMD).getTime() < that.newDate(that.startYMD).getTime()){ + if (that.newDate(YMD).getTime() < that.newDate(that.startYMD).getTime()) { var startDate = lay.extend({}, that.endDate, { hours: that.startDate.hours - ,minutes: that.startDate.minutes - ,seconds: that.startDate.seconds + , minutes: that.startDate.minutes + , seconds: that.startDate.seconds }); lay.extend(that.endDate, that.startDate, { hours: that.endDate.hours - ,minutes: that.endDate.minutes - ,seconds: that.endDate.seconds + , minutes: that.endDate.minutes + , seconds: that.endDate.seconds }); that.startDate = startDate; } - + options.showBottom || that.done(); that.stampRange(); //标记范围内的日期 that.endState = true; that.done(null, 'change'); } else { //选中开始 td.addClass(THIS); - setDateTime(); + setDateTime(); that.startState = true; } lay(that.footer).find(ELEM_CONFIRM)[that.endDate ? 'removeClass' : 'addClass'](DISABLED); - } else if(options.position === 'static'){ //直接嵌套的选中 + } else if (options.position === 'static') { //直接嵌套的选中 setDateTime(true); that.calendar().done().done(null, 'change'); - } else if(options.type === 'date'){ + } else if (options.type === 'date') { setDateTime(true); that.setValue(that.parse()).remove().done(); - } else if(options.type === 'datetime'){ + } else if (options.type === 'datetime') { setDateTime(true); that.calendar().done(null, 'change'); } }; - + //底部按钮 - Class.prototype.tool = function(btn, type){ + Class.prototype.tool = function (btn, type) { var that = this - ,options = that.config - ,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(){ - that.setValue('').remove(); - isStatic && ( - lay.extend(dateTime, that.firstDate) - ,that.calendar() - ) - options.range && ( - delete that.startState - ,delete that.endState - ,delete that.endDate - ,delete that.startTime - ,delete that.endTime - ); - 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(!that.endDate) return that.hint('请先选择日期范围'); - if(lay(btn).hasClass(DISABLED)) return that.hint( - options.type === 'time' ? TIPS_OUT.replace(/日期/g, '时间') : TIPS_OUT + , options = that.config + , 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 () { + that.setValue('').remove(); + isStatic && ( + lay.extend(dateTime, that.firstDate) + , that.calendar() + ) + options.range && ( + delete that.startState + , delete that.endState + , delete that.endDate + , delete that.startTime + , delete that.endTime ); - } else { - if(lay(btn).hasClass(DISABLED)) return that.hint('不在有效日期或时间范围内'); + that.done(['', {}, {}]); } - that.done(); - that.setValue(that.parse()).remove() - } - }; + + //现在 + , 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 (!that.endDate) return that.hint('请先选择日期范围'); + if (lay(btn).hasClass(DISABLED)) return that.hint( + options.type === 'time' ? TIPS_OUT.replace(/日期/g, '时间') : TIPS_OUT + ); + } else { + if (lay(btn).hasClass(DISABLED)) return that.hint('不在有效日期或时间范围内'); + } + that.done(); + that.setValue(that.parse()).remove() + } + }; active[type] && active[type](); }; - + //统一切换处理 - Class.prototype.change = function(index){ + Class.prototype.change = function (index) { var that = this - ,options = that.config - ,dateTime = options.dateTime - ,isAlone = options.range && (options.type === 'year' || options.type === 'month') - - ,elemCont = that.elemCont[index || 0] - ,listYM = that.listYM[index] - ,addSubYeay = function(type){ - var startEnd = ['startDate', 'endDate'][index] - ,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) that[startEnd].year = listYM[0]; - options.range || that.done(null, 'change'); - that.setBtnStatus(); - options.range || that.limit(lay(that.footer).find(ELEM_CONFIRM), { - year: listYM[0] - }); - } - return isYear || isMonth; - }; - + , options = that.config + , dateTime = options.dateTime + , isAlone = options.range && (options.type === 'year' || options.type === 'month') + + , elemCont = that.elemCont[index || 0] + , listYM = that.listYM[index] + , addSubYeay = function (type) { + var startEnd = ['startDate', 'endDate'][index] + , 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) that[startEnd].year = listYM[0]; + options.range || that.done(null, 'change'); + that.setBtnStatus(); + options.range || that.limit(lay(that.footer).find(ELEM_CONFIRM), { + year: listYM[0] + }); + } + return isYear || isMonth; + }; + return { - prevYear: function(){ - if(addSubYeay('sub')) return; + prevYear: function () { + if (addSubYeay('sub')) return; dateTime.year--; that.checkDate('limit').calendar(); options.range || that.done(null, 'change'); } - ,prevMonth: function(){ + , prevMonth: function () { var YM = that.getAsYM(dateTime.year, dateTime.month, 'sub'); lay.extend(dateTime, { year: YM[0] - ,month: YM[1] + , month: YM[1] }); that.checkDate('limit').calendar(); options.range || that.done(null, 'change'); } - ,nextMonth: function(){ + , nextMonth: function () { var YM = that.getAsYM(dateTime.year, dateTime.month); lay.extend(dateTime, { year: YM[0] - ,month: YM[1] + , month: YM[1] }); that.checkDate('limit').calendar(); options.range || that.done(null, 'change'); } - ,nextYear: function(){ - if(addSubYeay()) return; + , nextYear: function () { + if (addSubYeay()) return; dateTime.year++ that.checkDate('limit').calendar(); options.range || that.done(null, 'change'); } }; }; - + //日期切换事件 - Class.prototype.changeEvent = function(){ + Class.prototype.changeEvent = function () { var that = this - ,options = that.config; + , options = that.config; //日期选择事件 - lay(that.elem).on('click', function(e){ + lay(that.elem).on('click', function (e) { lay.stope(e); }); - + //年月切换 - lay.each(that.elemHeader, function(i, header){ + lay.each(that.elemHeader, function (i, header) { //上一年 - lay(header[0]).on('click', function(e){ + lay(header[0]).on('click', function (e) { that.change(i).prevYear(); }); - + //上一月 - lay(header[1]).on('click', function(e){ + lay(header[1]).on('click', function (e) { that.change(i).prevMonth(); }); - + //选择年月 - lay(header[2]).find('span').on('click', function(e){ + 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 = othis.attr('lay-ym') + , layType = othis.attr('lay-type'); + + if (!layYM) return; + layYM = layYM.split('-'); that.listYM[i] = [layYM[0] | 0, layYM[1] | 0]; @@ -1749,118 +1770,118 @@ }); //下一月 - lay(header[3]).on('click', function(e){ + lay(header[3]).on('click', function (e) { that.change(i).nextMonth(); }); - + //下一年 - lay(header[4]).on('click', function(e){ + lay(header[4]).on('click', function (e) { that.change(i).nextYear(); }); }); - + //点击日期 - lay.each(that.table, function(i, table){ + lay.each(that.table, function (i, table) { var tds = lay(table).find('td'); - tds.on('click', function(){ + tds.on('click', function () { that.choose(lay(this)); }); }); - + //点击底部按钮 - lay(that.footer).find('span').on('click', function(){ + lay(that.footer).find('span').on('click', function () { var type = lay(this).attr('lay-type'); that.tool(this, type); }); }; - + //是否输入框 - Class.prototype.isInput = function(elem){ + Class.prototype.isInput = function (elem) { return /input|textarea/.test(elem.tagName.toLocaleLowerCase()); }; //绑定的元素事件处理 - Class.prototype.events = function(){ + Class.prototype.events = function () { var that = this - ,options = that.config + , options = that.config + + //绑定呼出控件事件 + , showEvent = function (elem, bind) { + elem.on(options.trigger, function () { + bind && (that.bindElem = this); + that.render(); + }); + }; + + if (!options.elem[0] || options.elem[0].eventHandler) return; - //绑定呼出控件事件 - ,showEvent = function(elem, bind){ - elem.on(options.trigger, function(){ - bind && (that.bindElem = this); - that.render(); - }); - }; - - if(!options.elem[0] || options.elem[0].eventHandler) return; - showEvent(options.elem, 'bind'); showEvent(options.eventElem); - + //绑定关闭控件事件 - lay(document).on('click', function(e){ - if(e.target === options.elem[0] - || e.target === options.eventElem[0] - || e.target === lay(options.closeStop)[0]){ + lay(document).on('click', function (e) { + 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(e.keyCode === 13){ - if(lay('#'+ that.elemID)[0] && that.elemID === Class.thisElem){ + }).on('keydown', function (e) { + if (e.keyCode === 13) { + if (lay('#' + that.elemID)[0] && that.elemID === Class.thisElem) { e.preventDefault(); lay(that.footer).find(ELEM_CONFIRM)[0].click(); } } }); - + //自适应定位 - lay(window).on('resize', function(){ - if(!that.elem || !lay(ELEM)[0]){ + lay(window).on('resize', function () { + if (!that.elem || !lay(ELEM)[0]) { return false; } that.position(); }); - + options.elem[0].eventHandler = true; }; - + //核心接口 - laydate.render = function(options){ + laydate.render = function (options) { var inst = new Class(options); return thisDate.call(inst); }; - + //得到某月的最后一天 - laydate.getEndDate = function(month, year){ + laydate.getEndDate = function (month, year) { var thisDate = new Date(); //设置日期为下个月的第一天 thisDate.setFullYear( year || thisDate.getFullYear() - ,month || (thisDate.getMonth() + 1) - ,1); + , month || (thisDate.getMonth() + 1) + , 1); //减去一天，得到当前月最后一天 - return new Date(thisDate.getTime() - 1000*60*60*24).getDate(); + return new Date(thisDate.getTime() - 1000 * 60 * 60 * 24).getDate(); }; - + //暴露lay window.lay = window.lay || lay; - + //加载方式 isLayui ? ( laydate.ready() - ,layui.define(function(exports){ //layui加载 + , layui.define(function (exports) { //layui加载 laydate.path = layui.cache.dir; exports(MOD_NAME, laydate); }) ) : ( - (typeof define === 'function' && define.amd) ? define(function(){ //requirejs加载 - return laydate; - }) : function(){ //普通script标签加载 - laydate.ready(); - window.laydate = laydate - }() - ); + (typeof define === 'function' && define.amd) ? define(function () { //requirejs加载 + return laydate; + }) : function () { //普通script标签加载 + laydate.ready(); + window.laydate = laydate + }() + ); }(); \ No newline at end of file diff --git a/test/index.html b/test/index.html new file mode 100644 index 0000000..9fdee49 --- /dev/null +++ b/test/index.html @@ -0,0 +1,136 @@ + + + + + + 测试 + + + + + +

    日期选择（固定页面位置）

    +
    + +
    +
    + +
    + +

    时间选择

    +
    + +
    +
    + +
    + +

    日期选择（指定控件容器）

    +
    + +
    +
    +
    + +
    +
    + + + + + \ No newline at end of file