diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..2391656 --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,18 @@ + +# v5.0.0 + +* 全新重写 +* 支持单独显示年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器 +* 支持双控件，用于选择年/年月/日期/时间/日期时间五种类型选择器的范围（可顺时、逆时） +* 支持日期格式的自定义 +* 支持日期是否合法的自动校验 +* 支持有效日期范围的设定 +* 支持内置事件（可自定义）、外部事件、直接显示等多种调用方式 +* 支持中文版和国际版的语言设定 +* 支持开启公历节日和标记重要日期 +* 支持直接嵌套在页面的某个容器中 +* 支持底部按钮的任意顺序排版 +* 支持智能显示在最佳可视坐标 +* 支持回车快捷键选择 +* 支持多种内置主题的设定，支持自定义主题色，且可单独定制主题 + diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..be179b1 --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2016 layui + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..c460c7e --- /dev/null +++ b/README.md @@ -0,0 +1,6 @@ + +## 概要 +全面重写的 layDate 包含了大量的更新，其中主要以：年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器 五种类型的选择方式为基本核心，并且均支持范围选择（即双控件）。内置强劲的自定义日期格式解析和合法校正机制，含中文版和国际版，主题简约却又不失灵活多样。由于内部采用的是零依赖的原生 JavaScript 编写，因此又可作为独立组件使用。毫无疑问，这是 layui 的虔心之作。 + +## 相关 +[示例与文档](http://www.layui.com/laydate/)、[社区](http://fly.layui.com) \ No newline at end of file diff --git a/dist/laydate.js b/dist/laydate.js new file mode 100644 index 0000000..229c7e8 --- /dev/null +++ b/dist/laydate.js @@ -0,0 +1,2 @@ +/*! laydate-v5.0.0 日期与时间组件 MIT License http://www.layui.com/laydate/ By 贤心 */ + ;!function(){"use strict";var e=window.layui&&layui.define,t={getPath:function(){var e=document.scripts,t=e[e.length-1],n=t.src;if(!t.getAttribute("merge"))return n.substring(0,n.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",config:{},index:window.laydate&&window.laydate.v?1e5:0,path:t.getPath,set:function(e){var n=this;return n.config=t.extend({},n.config,e),n},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-list",m="laydate-selected",u="layui-laydate-hint",y="laydate-day-prev",h="laydate-day-next",f="layui-laydate-footer",p=".laydate-btns-confirm",g="laydate-time-text",v=".laydate-btns-time",D=function(e){var t=this;t.index=++n.index,t.config=T.extend({},t.config,n.config,e),n.ready(function(){t.init()})},T=function(e){return new w(e)},w=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)})},w.prototype.removeAttr=function(e){return this.each(function(t,n){n.removeAttribute(e)})},w.prototype.html=function(e){return this.each(function(t,n){n.innerHTML=e})},w.prototype.val=function(e){return this.each(function(t,n){n.value=e})},w.prototype.append=function(e){return this.each(function(t,n){"object"==typeof e?n.appendChild(e):n.innerHTML=n.innerHTML+e})},w.prototype.remove=function(e){return this.each(function(t,n){e?n.removeChild(e):n.parentNode.removeChild(n)})},w.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)})},w.prototype.off=function(e,t){return this.each(function(n,a){a.detachEvent?a.detachEvent("on"+e,t):a.removeEventListener(e,t,!1)})},D.isLeapYear=function(e){return e%4===0&&e%100!==0||e%400===0},D.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},D.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},D.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=T(t.elem),t.eventElem=T(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="",T.each(e.format,function(t,a){var i=new RegExp(n).test(a)?"\\b\\d{1,"+function(){return/yyyy/.test(a)?4:/y/.test(a)?308:2}()+"}\\b":"\\"+a;e.EXP_IF=e.EXP_IF+i,e.EXP_SPLIT=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,"g"),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=T.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),T.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=T.elem("div",{"class":"layui-laydate-header"}),i=[function(){var e=T.elem("i",{"class":"layui-icon laydate-icon laydate-prev-y"});return e.innerHTML="",e}(),function(){var e=T.elem("i",{"class":"layui-icon laydate-icon laydate-prev-m"});return e.innerHTML="",e}(),function(){var e=T.elem("div",{"class":"laydate-set-ym"}),t=T.elem("span"),n=T.elem("span");return e.appendChild(t),e.appendChild(n),e}(),function(){var e=T.elem("i",{"class":"layui-icon laydate-icon laydate-next-m"});return e.innerHTML="",e}(),function(){var e=T.elem("i",{"class":"layui-icon laydate-icon laydate-next-y"});return e.innerHTML="",e}()],d=T.elem("div",{"class":"layui-laydate-content"}),c=T.elem("table"),m=T.elem("thead"),u=T.elem("tr");T.each(i,function(e,t){a.appendChild(t)}),m.appendChild(u),T.each(new Array(6),function(e){var t=c.insertRow(0);T.each(new Array(7),function(a){if(0===e){var i=T.elem("th");i.innerHTML=n.weeks[a],u.appendChild(i)}t.insertCell(a)})}),c.insertBefore(m,c.children[0]),d.appendChild(c),r[e]=T.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)}),T(d).html(function(){var e=[],i=[];return"datetime"===t.type&&e.push(''+n.timeTips+""),T.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("")}()),T.each(r,function(e,t){i.appendChild(t)}),t.showBottom&&i.appendChild(d),/^#/.test(t.theme)){var c=T.elem("style"),m=["#{{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 c?(c.setAttribute("type","text/css"),c.styleSheet.cssText=m):c.innerHTML=m,T(i).addClass("laydate-theme-molv"),i.appendChild(c)}e.remove(),a?t.elem.append(i):(document.body.appendChild(i),e.position()),e.checkDate().calendar(),e.changeEvent(),D.thisElem=e.elemID,"function"==typeof t.ready&&t.ready(t.dateTime)},D.prototype.remove=function(){var e=this,t=e.config,n=T("#"+e.elemID);return n[0]&&"static"!==t.position&&e.checkDate(function(){n.remove()}),e},D.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"},D.prototype.hint=function(e){var t=this,n=(t.config,T.elem("div",{"class":u}));n.innerHTML=e||"",T(t.elem).find("."+u).remove(),t.elem.appendChild(n),clearTimeout(t.hinTimer),t.hinTimer=setTimeout(function(){T(t.elem).find("."+u).remove()},3e3)},D.prototype.getAsYM=function(e,t,n){return n?t--:t++,t<0&&(t=11,e--),t>11&&(t=0,e++),[e,t]},D.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}},D.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),n=n||0,r.range&&(i[o[n]]=i[o[n]]||{}),T.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):"object"==typeof l?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},D.prototype.mark=function(e,t){var n,a=this,i=a.config;return T.each(i.mark,function(e,a){var i=e.split("-");i[0]!=t[0]&&0!=i[0]||i[1]!=t[1]||i[2]!=t[2]||(n=a||t[2])}),n&&e.html(''+n+""),a},D.prototype.limit=function(e,t,n,a){var i,r=this,o=r.config,l={},d=o[n>41?"endDate":"dateTime"],c=T.extend({},d,t||{});return T.each({now:c,min:o.min,max:o.max},function(e,t){l[e]=r.newDate(T.extend({year:t.year,month:t.month,date:t.date},function(){var e={};return T.each(a,function(n,a){e[a]=t[a]}),e}())).getTime()}),i=l.nowl.max,e&&e[i?"addClass":"removeClass"](s),i},D.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,y=e?1:0,h=T(r.table[y]).find("td"),f=T(r.elemHeader[y][2]).find("span");if(l.yeard[1]&&(l.year=d[1],r.hint("最高只能支持到公元"+d[1]+"年")),r.firstDate||(r.firstDate=T.extend({},l)),c.setFullYear(l.year,l.month,1),t=c.getDay(),a=n.getEndDate(l.month,l.year),i=n.getEndDate(l.month+1,l.year),T.each(h,function(e,n){var d=[l.year,l.month],c=0;n=T(n),n.removeAttr("class"),e=t&&e"+r.time[e]+"

    "];T.each(new Array(t),function(t){i.push(""+T.digit(t,2)+"")}),a.innerHTML=i.join("")+"
",d.appendChild(a)}),E()}if(h&&y.removeChild(h),y.appendChild(d),"year"===e||"month"===e)T(n.elemMain[t]).addClass("laydate-ym-show"),T(d).find("li").on("click",function(){var r=0|T(this).attr("lay-ym");if(!T(this).hasClass(s)){if(0===t)i[e]=r,l&&(n.startDate[e]=r);else if(l)n.endDate[e]=r;else{var c="year"===e?n.getAsYM(r,w[1]-1,"sub"):n.getAsYM(w[0],r,"sub");T.extend(i,{year:c[0],month:c[1]})}"year"===a.type||"month"===a.type?(T(d).find("."+o).removeClass(o),T(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.calendar(),n.closeList()),n.setBtnStatus(),a.range||n.done(null,"change"),T(n.footer).find(v).removeClass(s)}});else{var S=T.elem("span",{"class":g}),H=function(){T(d).find("ol").each(function(e){var t=this,a=T(t).find("li");t.scrollTop=30*(n[x][C[e]]-2),t.scrollTop<=0&&a.each(function(e,n){if(!T(this).hasClass(s))return t.scrollTop=30*(e-2),!0})})},k=T(m[2]).find("."+g);H(),S.innerHTML=a.range?[r.startTime,r.endTime][t]:r.timeTips,T(n.elemMain[t]).addClass("laydate-time-show"),k[0]&&k.remove(),m[2].appendChild(S),T(d).find("ol").each(function(e){var t=this;T(t).find("li").on("click",function(){var r=0|this.innerHTML;T(this).hasClass(s)||(a.range?n[x][C[e]]=r:i[C[e]]=r,T(t).find("."+o).removeClass(o),T(this).addClass(o),n.setBtnStatus(null,T.extend({},n.systemDate(),n.startTime),T.extend({},n.systemDate(),n.endTime)),E(),H(),(n.endDate||"time"===a.type)&&n.done(null,"change"))})})}return n},D.prototype.listYM=[],D.prototype.closeList=function(){var e=this;e.config;T.each(e.elemCont,function(t,n){T(this).find("."+c).remove(),T(e.elemMain[t]).removeClass("laydate-ym-show laydate-time-show")}),T(e.elem).find("."+g).remove()},D.prototype.setBtnStatus=function(e,t,n){var a,i=this,r=i.config,o=T(i.footer).find(p),d=r.range&&"date"!==r.type&&"datetime"!==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))},D.prototype.parse=function(e){var t=this,n=t.config,a=e?T.extend({},t.endDate,t.endTime):n.range?T.extend({},t.startDate,t.startTime):n.dateTime,i=t.format.concat();return T.each(i,function(e,t){/yyyy|y/.test(t)?i[e]=T.digit(a.year,t.length):/MM|M/.test(t)?i[e]=T.digit(a.month+1,t.length):/dd|d/.test(t)?i[e]=T.digit(a.date,t.length):/HH|H/.test(t)?i[e]=T.digit(a.hours,t.length):/mm|m/.test(t)?i[e]=T.digit(a.minutes,t.length):/ss|s/.test(t)&&(i[e]=T.digit(a.seconds,t.length))}),n.range&&!e?i.join("")+" "+n.range+" "+t.parse(1):i.join("")},D.prototype.newDate=function(e){return new Date(e.year||1,e.month||0,e.date||1,e.hours||0,e.minutes||0,e.seconds||0)},D.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||T(a)[i](e||""),this},D.prototype.stampRange=function(){var e,t,n=this,a=n.config,i=T(n.elem).find("td");if(a.range&&!n.endDate&&T(n.footer).find(p).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 T.each(i,function(a,i){var r=T(i).attr("lay-ymd").split("-"),s=n.newDate({year:r[0],month:r[1]-1,date:r[2]}).getTime();T(i).removeClass(m+" "+o),s!==e&&s!==t||T(i).addClass(T(i).hasClass(y)||T(i).hasClass(h)?m:o),s>e&&s + + + + +Created by iconfont + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dist/theme/default/font/iconfont.ttf b/dist/theme/default/font/iconfont.ttf new file mode 100644 index 0000000..0bd6c4a Binary files /dev/null and b/dist/theme/default/font/iconfont.ttf differ diff --git a/dist/theme/default/font/iconfont.woff b/dist/theme/default/font/iconfont.woff new file mode 100644 index 0000000..bfe5599 Binary files /dev/null and b/dist/theme/default/font/iconfont.woff differ diff --git a/dist/theme/default/laydate.css b/dist/theme/default/laydate.css new file mode 100644 index 0000000..16001ce --- /dev/null +++ b/dist/theme/default/laydate.css @@ -0,0 +1,2 @@ +/*! laydate-v5.0.0 日期与时间组件 MIT License http://www.layui.com/laydate/ By 贤心 */ +.laydate-set-ym,.layui-laydate,.layui-laydate *,.layui-laydate-list{box-sizing:border-box}html #layuicss-laydate{display:none;position:absolute;width:1989px}@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}.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{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{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{color:#fff!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/gulpfile.js b/gulpfile.js new file mode 100644 index 0000000..042701e --- /dev/null +++ b/gulpfile.js @@ -0,0 +1,52 @@ +/** + layDate构建 +*/ + +var pkg = require('./package.json'); + +var gulp = require('gulp'); +var uglify = require('gulp-uglify'); +var minify = require('gulp-minify-css'); +var rename = require('gulp-rename'); +var header = require('gulp-header'); +var del = require('del'); + +var task = { + laydate: function() { + gulp.src('./src/**/*.css') + .pipe(minify({ + compatibility: 'ie7' + })) + .pipe(header('/*! <%= pkg.alias %>-v<%= pkg.version %> <%= pkg.description %> <%= pkg.license %> License <%= pkg.homepage %> By <%= pkg.author %> */\n', {pkg: pkg})) + .pipe(gulp.dest('./dist')); + + return gulp.src('./src/laydate.js').pipe(uglify()) + .pipe(header('/*! <%= pkg.alias %>-v<%= pkg.version %> <%= pkg.description %> <%= pkg.license %> License <%= pkg.homepage %> By <%= pkg.author %> */\n ;', {pkg: pkg})) + .pipe(gulp.dest('./dist')); + + } + ,other: function(){ + gulp.src('./src/**/font/*').pipe(rename({})) + .pipe(gulp.dest('./dist')); + } +}; + + +gulp.task('clear', function(cb){ //清理 + return del(['./dist/*'], cb); +}); +gulp.task('laydate', task.minjs); //压缩PC版本 +gulp.task('other', task.other); //移动一些配件 + +//全部 +gulp.task('default', ['clear'], function(){ + for(var key in task){ + task[key](); + } +}); + + + + + + diff --git a/package.json b/package.json new file mode 100644 index 0000000..2802422 --- /dev/null +++ b/package.json @@ -0,0 +1,25 @@ +{ + "name": "layui-laydate", + "version": "5.0.0", + "alias": "laydate", + "description": "日期与时间组件", + "main": "src/laydate.js", + "license": "MIT", + "scripts": { + "run": "gulp" + }, + "repository": { + "type": "https", + "url": "https://github.com/sentsin/laydate.git" + }, + "author": "贤心", + "homepage": "http://www.layui.com/laydate/", + "devDependencies": { + "gulp": "^3.9.0", + "gulp-minify-css": "^1.2.4", + "gulp-uglify": "^1.5.4", + "gulp-rename": "^1.2.2", + "gulp-header": "^1.8.8", + "del": "^2.2.2" + } +} diff --git a/src/laydate.js b/src/laydate.js new file mode 100644 index 0000000..8ee9705 --- /dev/null +++ b/src/laydate.js @@ -0,0 +1,1815 @@ +/** + + @Name : layDate 5.0 日期时间控件 + @Author: 贤心 + @Site：http://www.layui.com/laydate/ + @License：MIT + + */ + +;!function(){ + "use strict"; + + var isLayui = window.layui && layui.define, ready = { + getPath: function(){ + var js = document.scripts, script = js[js.length - 1], jsPath = script.src; + if(script.getAttribute('merge')) return; + return jsPath.substring(0, jsPath.lastIndexOf('/') + 1); + }() + + //获取节点的style属性值 + ,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){ + + //未设置路径，则不主动加载css + if(!laydate.path) return; + + var head = document.getElementsByTagName("head")[0], link = document.createElement('link'); + if(typeof fn === 'string') cssname = fn; + var app = (cssname || href).replace(/\.|\//g, ''); + var id = 'layuicss-'+ app, timeout = 0; + + link.rel = 'stylesheet'; + link.href = laydate.path + href; + link.id = id; + + if(!document.getElementById(id)){ + head.appendChild(link); + } + + if(typeof fn !== 'function') return; + + //轮询css是否加载完毕 + (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); + }()); + } + } + + ,laydate = { + v: '5.0' + ,config: {} //全局配置项 + ,index: (window.laydate && window.laydate.v) ? 100000 : 0 + ,path: ready.getPath + + //设置全局项 + ,set: function(options){ + var that = this; + that.config = ready.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; + return { + //提示框 + hint: function(content){ + that.hint.call(that, content); + } + ,config: that.config + }; + } + + //字符常量 + ,MOD_NAME = 'laydate', ELEM = '.layui-laydate', THIS = 'layui-this', SHOW = 'layui-show', HIDE = 'layui-hide', DISABLED = 'laydate-disabled', TIPS_OUT = '开始日期超出了结束日期
建议重新选择', LIMIT_YEAR = [100, 200000] + + ,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(){ + var ai = 1, args = arguments + ,clone = function(target, obj){ + target = target || (obj.constructor === Array ? [] : {}); + for(var i in obj){ + //如果值为对象，则进入递归，继续深度合并 + target[i] = (obj[i] && (obj[i].constructor === Object)) + ? clone(target[i], obj[i]) + : obj[i]; + } + return target; + } + + args[0] = typeof args[0] === 'object' ? args[0] : {}; + + for(; ai < args.length; ai++){ + if(typeof args[ai] === 'object'){ + clone(args[0], args[ai]) + } + } + return args[0]; + }; + + //ie版本 + lay.ie = function(){ + var agent = navigator.userAgent.toLowerCase(); + return (!!window.ActiveXObject || "ActiveXObject" in window) ? ( + (agent.match(/msie\s(\d+)/) || [])[1] || '11' //由于ie11并没有msie的标识 + ) : false; + }(); + + //中止冒泡 + lay.stope = function(e){ + e = e || win.event; + e.stopPropagation + ? e.stopPropagation() + : e.cancelBubble = true; + }; + + //对象遍历 + lay.each = function(obj, fn){ + var key + ,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; + } + } else { + for(key = 0; key < obj.length; key++){ + if(fn.call(obj[key], key, obj[key])) break; + } + } + return that; + }; + + //数字前置补零 + lay.digit = function(num, length, end){ + var str = ''; + num = String(num); + length = length || 2; + for(var i = num.length; i < length; i++){ + str += '0'; + } + return num < Math.pow(10, length) ? str + (num|0) : num; + }; + + //创建元素 + lay.elem = function(elemName, attr){ + var elem = document.createElement(elemName); + lay.each(attr || {}, function(key, value){ + elem.setAttribute(key, value); + }); + return elem; + }; + + //追加字符 + LAY.addStr = function(str, new_str){ + str = str.replace(/\s+/, ' '); + new_str = new_str.replace(/\s+/, ' ').split(' '); + lay.each(new_str, function(ii, item){ + if(!new RegExp('\\b'+ item + '\\b').test(str)){ + str = str + ' ' + item; + } + }); + return str.replace(/^\s|\s$/, ''); + }; + + //移除值 + LAY.removeStr = function(str, new_str){ + str = str.replace(/\s+/, ' '); + new_str = new_str.replace(/\s+/, ' ').split(' '); + lay.each(new_str, function(ii, item){ + var exp = new RegExp('\\b'+ item + '\\b') + if(exp.test(str)){ + str = str.replace(exp, ''); + } + }); + return str.replace(/\s+/, ' ').replace(/^\s|\s$/, ''); + }; + + //查找子元素 + LAY.prototype.find = function(selector){ + var that = this; + var index = 0, arr = [] + ,isObject = typeof selector === 'object'; + + this.each(function(i, item){ + var nativeDOM = isObject ? [selector] : item.querySelectorAll(selector || null); + for(; index < nativeDOM.length; index++){ + arr.push(nativeDOM[index]); + } + that.shift(); + }); + + if(!isObject){ + that.selector = (that.selector ? that.selector + ' ' : '') + selector + } + + lay.each(arr, function(i, item){ + that.push(item); + }); + + return that; + }; + + //DOM遍历 + LAY.prototype.each = function(fn){ + return lay.each.call(this, this, fn); + }; + + //添加css类 + LAY.prototype.addClass = function(className, type){ + return this.each(function(index, item){ + item.className = LAY[type ? 'removeStr' : 'addStr'](item.className, className) + }); + }; + + //移除css类 + LAY.prototype.removeClass = function(className){ + return this.addClass(className, true); + }; + + //是否包含css类 + LAY.prototype.hasClass = function(className){ + var has = false; + this.each(function(index, item){ + if(new RegExp('\\b'+ className +'\\b').test(item.className)){ + has = true; + } + }); + return has; + }; + + //添加或获取属性 + LAY.prototype.attr = function(key, value){ + var that = this; + return value === undefined ? function(){ + if(that.length > 0) return that[0].getAttribute(key); + }() : that.each(function(index, item){ + item.setAttribute(key, value); + }); + }; + + //移除属性 + LAY.prototype.removeAttr = function(key){ + return this.each(function(index, item){ + item.removeAttribute(key); + }); + }; + + //设置HTML内容 + LAY.prototype.html = function(html){ + return this.each(function(index, item){ + item.innerHTML = html; + }); + }; + + //设置值 + 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' + ? item.appendChild(elem) + : item.innerHTML = item.innerHTML + elem; + }); + }; + + //移除内容 + LAY.prototype.remove = function(elem){ + return this.each(function(index, item){ + elem ? item.removeChild(elem) : item.parentNode.removeChild(item); + }); + }; + + //事件绑定 + LAY.prototype.on = function(eventName, fn){ + return this.each(function(index, item){ + item.attachEvent ? item.attachEvent('on' + eventName, function(e){ + e.target = e.srcElement; + fn.call(item, e); + }) : item.addEventListener(eventName, fn, false); + }); + }; + + //解除事件 + LAY.prototype.off = function(eventName, fn){ + return this.each(function(index, item){ + item.detachEvent + ? item.detachEvent('on'+ eventName, fn) + : item.removeEventListener(eventName, fn, false); + }); + }; + + + /* + 组件操作 + */ + + + //是否闰年 + 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 //日期时间改变后的回调 + }; + + //多语言 + Class.prototype.lang = function(){ + var that = this + ,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' + } + } + }; + return text[options.lang] || text['cn']; + }; + + //初始准备 + 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.elem = lay(options.elem); + options.eventElem = lay(options.eventElem); + + if(!options.elem[0]) return; + + //日期范围分隔符 + if(options.range === true) options.range = '-'; + + //根据不同type，初始化默认format + 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) + ? '\\b\\d{1,'+ function(){ + if(/yyyy/.test(item)) return 4; + if(/y/.test(item)) return 308; + return 2; + }() +'}\\b' + : '\\' + item; + that.EXP_IF = that.EXP_IF + EXP; + that.EXP_SPLIT = 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, 'g'); + + //如果不是input|textarea元素，则默认采用click事件 + if(!that.isInput(options.elem[0])){ + if(options.trigger === 'focus'){ + options.trigger = 'click'; + } + } + + //设置唯一KEY + if(!options.elem.attr('lay-key')){ + options.elem.attr('lay-key', that.index); + options.eventElem.attr('lay-key', that.index); + } + + //记录重要日期 + options.mark = lay.extend({}, (options.calendar && options.lang === 'cn') ? { + '0-1-1': '元旦' + ,'0-2-14': '情人' + ,'0-3-8': '妇女' + ,'0-3-12': '植树' + ,'0-4-1': '愚人' + ,'0-5-1': '劳动' + ,'0-5-4': '青年' + ,'0-6-1': '儿童' + ,'0-9-10': '教师' + ,'0-9-18': '国耻' + ,'0-10-1': '国庆' + ,'0-12-25': '圣诞' + } : {}, options.mark); + + //获取限制内日期 + lay.each(['min', 'max'], function(i, item){ + var ymd = [], hms = []; + if(typeof options[item] === 'number'){ //如果为数字 + var day = options[item] + ,time = new Date().getTime() + ,STAMP = 86400000 //代表一天的时间戳 + ,thisDate = new Date( + day ? ( + day < STAMP ? time + day*STAMP : day //如果数字小于一天的时间戳，则数字为天数，否则为时间戳 + ) : time + ); + ymd = [thisDate.getFullYear(), thisDate.getMonth() + 1, thisDate.getDate()]; + day < STAMP || (hms = [thisDate.getHours(), thisDate.getMinutes(), thisDate.getSeconds()]); + } else { + ymd = (options[item].match(/\d+-\d+-\d+/) || [''])[0].split('-'); + hms = (options[item].match(/\d+:\d+:\d+/) || [''])[0].split(':'); + } + options[item] = { + year: ymd[0] | 0 || new Date().getFullYear() + ,month: ymd[1] ? (ymd[1] | 0) - 1 : new Date().getMonth() + ,date: ymd[2] | 0 || new Date().getDate() + ,hours: hms[0] | 0 + ,minutes: hms[1] | 0 + ,seconds: hms[2] | 0 + }; + }); + + that.elemID = 'layui-laydate'+ options.elem.attr('lay-key'); + + if(options.show || isStatic) that.render(); + isStatic || that.events(); + }; + + //控件主体渲染 + 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 ? ' layui-laydate-static' : '' + ,options.theme && options.theme !== 'default' && !/^#/.test(options.theme) ? (' laydate-theme-' + options.theme) : '' + ].join('') + }) + + //主区域 + ,elemMain = that.elemMain = [] + ,elemHeader = that.elemHeader = [] + ,elemCont = that.elemCont = [] + ,elemTable = that.table = [] + + //底部区域 + ,divFooter = that.footer = lay.elem('div', { + 'class': ELEM_FOOTER + }); + + if(options.zIndex) elem.style.zIndex = options.zIndex; + + //单双日历区域 + lay.each(new Array(2), function(i){ + if(!options.range && i > 0){ + return true; + } + + //头部区域 + var divHeader = lay.elem('div', { + 'class': 'layui-laydate-header' + }) + + //左右切换 + ,headerChild = [function(){ //上一年 + var elem = lay.elem('i', { + 'class': 'layui-icon laydate-icon laydate-prev-y' + }); + elem.innerHTML = ''; + return elem; + }(), function(){ //上一月 + var elem = lay.elem('i', { + 'class': 'layui-icon laydate-icon laydate-prev-m' + }); + elem.innerHTML = ''; + return elem; + }(), function(){ //年月选择 + var elem = lay.elem('div', { + 'class': 'laydate-set-ym' + }), spanY = lay.elem('span'), spanM = lay.elem('span'); + elem.appendChild(spanY); + elem.appendChild(spanM); + return elem; + }(), function(){ //下一月 + var elem = lay.elem('i', { + 'class': 'layui-icon laydate-icon laydate-next-m' + }); + elem.innerHTML = ''; + return elem; + }(), function(){ //下一年 + var elem = lay.elem('i', { + 'class': 'layui-icon laydate-icon laydate-next-y' + }); + elem.innerHTML = ''; + return elem; + }()] + + //日历内容区域 + ,divContent = lay.elem('div', { + 'class': 'layui-laydate-content' + }) + ,table = lay.elem('table') + ,thead = lay.elem('thead'), theadTr = lay.elem('tr'); + + //生成年月选择 + lay.each(headerChild, function(i, item){ + divHeader.appendChild(item); + }); + + //生成表格 + thead.appendChild(theadTr); + lay.each(new Array(6), function(i){ //表体 + var tr = table.insertRow(0); + lay.each(new Array(7), function(j){ + if(i === 0){ + var th = lay.elem('th'); + th.innerHTML = lang.weeks[j]; + theadTr.appendChild(th); + } + tr.insertCell(j); + }); + }); + table.insertBefore(thead, table.children[0]); //表头 + divContent.appendChild(table); + + elemMain[i] = lay.elem('div', { + 'class': 'layui-laydate-main laydate-main-list-'+ i + }); + + elemMain[i].appendChild(divHeader); + elemMain[i].appendChild(divContent); + + elemHeader.push(headerChild); + elemCont.push(divContent); + elemTable.push(table); + }); + + //生成底部栏 + lay(divFooter).html(function(){ + var html = [], btns = []; + if(options.type === 'datetime'){ + html.push(''+ lang.timeTips +''); + } + lay.each(options.btns, function(i, item){ + var title = lang.tools[item] || 'btn'; + if(options.range && item === 'now') return; + if(isStatic && item === 'clear') title = options.lang === 'cn' ? '重置' : 'Reset'; + btns.push(''+ title +''); + }); + html.push('
'+ btns.join('') +'
'); + return html.join(''); + }()); + + //插入到主区域 + lay.each(elemMain, function(i, main){ + elem.appendChild(main); + }); + options.showBottom && elem.appendChild(divFooter); + + //生成自定义主题 + if(/^#/.test(options.theme)){ + var style = lay.elem('style') + ,styleText = [ + '#{{id}} .layui-laydate-header{background-color:{{theme}};}' + ,'#{{id}} .layui-this{background-color:{{theme}} !important;}' + ].join('').replace(/{{id}}/g, that.elemID).replace(/{{theme}}/g, options.theme); + + if('styleSheet' in style){ + style.setAttribute('type', 'text/css'); + style.styleSheet.cssText = styleText; + } else { + style.innerHTML = styleText; + } + + lay(elem).addClass('laydate-theme-molv'); + elem.appendChild(style); + } + + //移除上一个控件 + that.remove(); + + //如果是静态定位，则插入到指定的容器中，否则，插入到body + isStatic ? options.elem.append(elem) : ( + document.body.appendChild(elem) + ,that.position() //定位 + ); + + that.checkDate().calendar(); //初始校验 + that.changeEvent(); //日期切换 + + Class.thisElem = that.elemID; + + typeof options.ready === 'function' && options.ready(options.dateTime); + }; + + //控件移除 + Class.prototype.remove = function(){ + var that = this + ,options = that.config + ,elem = lay('#'+ that.elemID); + if(elem[0] && options.position !== 'static'){ + that.checkDate(function(){ + elem.remove(); + }); + } + return that; + }; + + //定位算法 + 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; + + //如果右侧超出边界 + if(left + elemWidth + margin > winArea('width')){ + left = winArea('width') - elemWidth - margin; + } + + //如果底部超出边界 + if(top + elemHeight + margin > winArea()){ + top = rect.top > elemHeight //顶部是否有足够区域显示完全 + ? rect.top - elemHeight + : winArea() - elemHeight; + top = top - margin*2; + } + + 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){ + var that = this + ,options = that.config + ,div = lay.elem('div', { + 'class': ELEM_HINT + }); + + div.innerHTML = content || ''; + lay(that.elem).find('.'+ ELEM_HINT).remove(); + that.elem.appendChild(div); + + clearTimeout(that.hinTimer); + that.hinTimer = setTimeout(function(){ + lay(that.elem).find('.'+ ELEM_HINT).remove(); + }, 3000); + }; + + //获取递增/减后的年月 + Class.prototype.getAsYM = function(Y, M, type){ + type ? M-- : M++; + if(M < 0){ + M = 11; + Y--; + } + if(M > 11){ + M = 0; + Y++; + } + return [Y, M]; + }; + + //系统消息 + Class.prototype.systemDate = function(newDate){ + var thisDate = newDate || new Date(); + return { + year: thisDate.getFullYear() //年 + ,month: thisDate.getMonth() //月 + ,date: thisDate.getDate() //日 + ,hours: newDate ? newDate.getHours() : 0 //时 + ,minutes: newDate ? newDate.getMinutes() : 0 //分 + ,seconds: newDate ? newDate.getSeconds() : 0 //秒 + } + }; + + //日期校验 + Class.prototype.checkDate = function(fn){ + var that = this + ,thisDate = new Date() + ,options = that.config + ,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); + index = index || 0; + if(options.range){ + that[startEnd[index]] = that[startEnd[index]] || {}; + } + lay.each(that.format, function(i, item){ + var thisv = parseFloat(value[i]); + if(value[i].length < item.length) error = true; + if(/yyyy|y/.test(item)){ //年 + if(thisv < LIMIT_YEAR[0]) thisv = LIMIT_YEAR[0], error = true; //年不能低于100年 + dateTime.year = thisv; + } else if(/MM|M/.test(item)){ //月 + if(thisv < 1) thisv = 1, error = true; + dateTime.month = thisv - 1; + } else if(/dd|d/.test(item)){ //日 + if(thisv < 1) thisv = 1, error = true; + dateTime.date = thisv; + } else if(/HH|H/.test(item)){ //时 + if(thisv < 1) thisv = 0, error = true; + dateTime.hours = thisv; + options.range && (that[startEnd[index]].hours = thisv); + } else if(/mm|m/.test(item)){ //分 + if(thisv < 1) thisv = 0, error = true; + dateTime.minutes = thisv; + options.range && (that[startEnd[index]].minutes = thisv); + } else if(/ss|s/.test(item)){ //秒 + if(thisv < 1) thisv = 0, error = true; + dateTime.seconds = thisv; + options.range && (that[startEnd[index]].seconds = thisv); + } + }); + checkValid(dateTime) + }; + + value = value || options.value; + if(typeof value === 'string'){ + value = value.replace(/\s+/g, ' ').replace(/^\s|\s$/g, ''); + } + + 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){ + initDate(item, value[i], i); + }); + } else { + initDate(dateTime, value) + } + } else { + that.hint('日期格式不合法
必须遵循下述格式：
'+ ( + options.range ? (options.format + ' '+ options.range +' ' + options.format) : options.format + ) + '
已为你重置'); + error = true; + } + } else if(typeof value === 'object'){ + options.dateTime = that.systemDate(value); + } else { + options.dateTime = that.systemDate(); + delete that.startState; + delete that.endState; + delete that.startDate; + delete that.endDate; + delete that.startTime; + delete that.endTime; + } + + checkValid(dateTime); + + if(error && value){ + that.setValue( + options.range ? (that.endDate ? that.parse() : '') : that.parse() + ); + } + fn && fn(); + return that; + }; + + //公历重要日期与自定义备注 + Class.prototype.mark = function(td, YMD){ + var that = this + ,mark, options = that.config; + + lay.each(options.mark, function(key, title){ + var keys = key.split('-'); + if((keys[0] == YMD[0] || keys[0] == 0) && keys[1] == YMD[1] && keys[2] == YMD[2]){ + mark = title || YMD[2]; + } + }); + mark && td.html(''+ mark +''); + + return that; + }; + + //无效日期范围的标记 + Class.prototype.limit = function(elem, date, index, time){ + var that = this + ,options = that.config, timestrap = {} + ,dateTime = options[index > 41 ? 'endDate' : 'dateTime'] + ,isOut, thisDateTime = lay.extend({}, dateTime, date || {}); + + lay.each({ + now: thisDateTime + ,min: options.min + ,max: options.max + }, function(key, item){ + timestrap[key] = that.newDate(lay.extend({ + year: item.year + ,month: item.month + ,date: item.date + }, function(){ + var hms = {}; + lay.each(time, function(i, keys){ + hms[keys] = item[keys]; + }); + return hms; + }())).getTime(); //time：是否比较时分秒 + }); + + isOut = timestrap.now < timestrap.min || timestrap.now > timestrap.max; + elem && elem[isOut ? 'addClass' : 'removeClass'](DISABLED); + return isOut; + }; + + //日历表 + Class.prototype.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] +'年'); + + //记录初始值 + if(!that.firstDate){ + that.firstDate = lay.extend({}, dateTime); + } + + //计算当前月第一天的星期 + thisDate.setFullYear(dateTime.year, dateTime.month, 1); + startWeek = thisDate.getDay(); + + prevMaxDate = laydate.getEndDate(dateTime.month, dateTime.year); //计算上个月的最后一天 + thisMaxDate = laydate.getEndDate(dateTime.month + 1, dateTime.year); //计算当前月的最后一天 + + //赋值日 + lay.each(tds, function(index, item){ + var YMD = [dateTime.year, dateTime.month], st = 0; + item = lay(item); + item.removeAttr('class'); + if(index < startWeek){ + st = prevMaxDate - startWeek + index; + item.addClass('laydate-day-prev'); + YMD = that.getAsYM(dateTime.year, dateTime.month, 'sub'); + } else if(index >= startWeek && index < thisMaxDate + startWeek){ + st = index - startWeek; + if(!options.range){ + st + 1 === dateTime.date && item.addClass(THIS); + } + } else { + st = index - thisMaxDate - startWeek; + item.addClass('laydate-day-next'); + YMD = that.getAsYM(dateTime.year, dateTime.month); + } + YMD[1]++; + YMD[2] = st + 1; + item.attr('lay-ymd', YMD.join('-')).html(YMD[2]); + that.mark(item, YMD).limit(item, { + year: YMD[0] + ,month: YMD[1] - 1 + ,date: YMD[2] + }, index); + }); + + //同步头部年月 + lay(elemYM[0]).attr('lay-ym', dateTime.year + '-' + (dateTime.month + 1)); + lay(elemYM[1]).attr('lay-ym', dateTime.year + '-' + (dateTime.month + 1)); + + if(options.lang === 'cn'){ + lay(elemYM[0]).attr('lay-type', 'year').html(dateTime.year + '年') + lay(elemYM[1]).attr('lay-type', 'month').html((dateTime.month + 1) + '月'); + } else { + lay(elemYM[0]).attr('lay-type', 'month').html(lang.month[dateTime.month]); + lay(elemYM[1]).attr('lay-type', 'year').html(dateTime.year); + } + + //初始默认选择器 + if(isAlone){ + if(options.range){ + value ? that.endDate = (that.endDate || { + year: dateTime.year + (options.type === 'year' ? 1 : 0) + ,month: dateTime.month + (options.type === 'month' ? 0 : -1) + }) : (that.startDate = that.startDate || { + year: dateTime.year + ,month: dateTime.month + }); + if(value){ + that.listYM = [ + [that.startDate.year, that.startDate.month + 1] + ,[that.endDate.year, that.endDate.month + 1] + ]; + that.list(options.type, 0).list(options.type, 1); + //同步按钮可点状态 + options.type === 'time' ? that.setBtnStatus('时间' + ,lay.extend({}, that.systemDate(), that.startTime) + ,lay.extend({}, that.systemDate(), that.endTime) + ) : that.setBtnStatus(true); + } + } + if(!options.range){ + that.listYM = [[dateTime.year, dateTime.month + 1]]; + that.list(options.type, 0); + } + } + + //赋值双日历 + if(options.range && !value){ + var EYM = that.getAsYM(dateTime.year, dateTime.month) + that.calendar(lay.extend({}, dateTime, { + year: EYM[0] + ,month: EYM[1] + })); + } + + //通过检测当前有效日期，来设定确定按钮是否可点 + if(!options.range) that.limit(lay(that.footer).find(ELEM_CONFIRM), null, 0, ['hours', 'minutes', 'seconds']); + + //标记选择范围 + if(options.range && value && !isAlone) that.stampRange(); + return that; + }; + + //生成年月时分秒列表 + Class.prototype.list = function(type, index){ + var that = this + ,options = that.config + ,dateTime = options.dateTime + ,lang = that.lang() + ,isAlone = options.range && options.type !== 'date' && options.type !== 'datetime' //独立范围选择器 + + ,ul = lay.elem('ul', { + 'class': ELEM_LIST + ' ' + ({ + year: 'laydate-year-list' + ,month: 'laydate-month-list' + ,time: 'laydate-time-list' + })[type] + }) + ,elemHeader = that.elemHeader[index] + ,elemYM = lay(elemHeader[2]).find('span') + ,elemCont = that.elemCont[index || 0] + ,haveList = lay(elemCont).find('.'+ ELEM_LIST)[0] + ,isCN = options.lang === 'cn' + ,text = isCN ? '年' : '' + + ,listYM = that.listYM[index] || {} + ,hms = ['hours', 'minutes', 'seconds'] + ,startEnd = ['startTime', 'endTime'][index]; + + if(listYM[0] < 1) listYM[0] = 1; + + if(type === 'year'){ //年列表 + var yearNum, startY = yearNum = listYM[0] - 7; + if(startY < 1) startY = yearNum = 1; + lay.each(new Array(15), function(i){ + var li = lay.elem('li', { + 'lay-ym': yearNum + }); + yearNum == listYM[0] && lay(li).addClass(THIS); + li.innerHTML = yearNum + text; + ul.appendChild(li); + + that.limit(lay(li), {year: yearNum}, index); + yearNum++; + }); + lay(elemYM[isCN ? 0 : 1]).attr('lay-ym', (yearNum - 8) + '-' + listYM[1]) + .html((startY + text) + ' - ' + (yearNum - 1 + text)); + } else if(type === 'month'){ //月列表 + lay.each(new Array(12), function(i){ + var li = lay.elem('li', { + 'lay-ym': i + }); + i + 1 == listYM[1] && lay(li).addClass(THIS); + li.innerHTML = lang.month[i] + (isCN ? '月' : ''); + ul.appendChild(li); + + that.limit(lay(li), {year: listYM[0], month: i}, index); + }); + lay(elemYM[isCN ? 0 : 1]).attr('lay-ym', listYM[0] + '-' + listYM[1]) + .html(listYM[0] + text); + } else if(type === 'time'){ //时间列表 + //检测时分秒状态是否在有效日期时间范围内 + var setTimeStatus = function(){ + lay(ul).find('ol').each(function(i, ol){ + lay(ol).find('li').each(function(ii, li){ + that.limit(lay(li), [{ + hours: ii + }, { + hours: that[startEnd].hours + ,minutes: ii + }, { + hours: that[startEnd].hours + ,minutes: that[startEnd].minutes + ,seconds: ii + }][i], index, [['hours'], ['hours', 'minutes'], ['hours', 'minutes', 'seconds']][i]); + }); + }); + if(!options.range) that.limit(lay(that.footer).find(ELEM_CONFIRM), that[startEnd], 0, ['hours', 'minutes', 'seconds']); + }; + if(options.range){ + if(!that[startEnd]) that[startEnd] = { + hours: 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) +''); + }); + li.innerHTML = childUL.join('') + '
'; + ul.appendChild(li); + }); + setTimeStatus(); + } + + //插入容器 + if(haveList) elemCont.removeChild(haveList); + elemCont.appendChild(ul); + + //年月 + if(type === 'year' || type === 'month'){ + //显示切换箭头 + lay(that.elemMain[index]).addClass('laydate-ym-show'); + + //选中 + lay(ul).find('li').on('click', function(){ + var ym = lay(this).attr('lay-ym') | 0; + if(lay(this).hasClass(DISABLED)) return; + + if(index === 0){ + dateTime[type] = ym; + if(isAlone) that.startDate[type] = ym; + } else { //范围选择 + 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'); + lay.extend(dateTime, { + year: YM[0] + ,month: YM[1] + }); + } + } + + if(options.type === 'year' || options.type === 'month'){ + lay(ul).find('.'+ THIS).removeClass(THIS); + lay(this).addClass(THIS); + + //如果为年月选择器，点击了年列表，则切换到月选择器 + if(options.type === 'month' && type === 'year'){ + that.listYM[index][0] = ym; + isAlone && (that[['startDate', 'endDate'][index]].year = ym); + that.list('month', index); + } + } else { + that.calendar(); + that.closeList(); + } + + that.setBtnStatus(); //同步按钮可点状态 + options.range || that.done(null, 'change'); + lay(that.footer).find(ELEM_TIME_BTN).removeClass(DISABLED); + }); + } else { + var span = lay.elem('span', { + 'class': ELEM_TIME_TEXT + }), scroll = function(){ //滚动条定位 + lay(ul).find('ol').each(function(i){ + var ol = this + ,li = lay(ol).find('li') + ol.scrollTop = 30*(that[startEnd][hms[i]] - 2); + if(ol.scrollTop <= 0){ + li.each(function(ii, item){ + if(!lay(this).hasClass(DISABLED)){ + ol.scrollTop = 30*(ii - 2); + return true; + } + }); + } + }); + }, haveSpan = lay(elemHeader[2]).find('.'+ ELEM_TIME_TEXT); + scroll() + span.innerHTML = options.range ? [lang.startTime,lang.endTime][index] : lang.timeTips + lay(that.elemMain[index]).addClass('laydate-time-show'); + if(haveSpan[0]) haveSpan.remove(); + elemHeader[2].appendChild(span); + + lay(ul).find('ol').each(function(i){ + var ol = this; + //选择时分秒 + lay(ol).find('li').on('click', function(){ + var value = this.innerHTML | 0; + if(lay(this).hasClass(DISABLED)) return; + if(options.range){ + that[startEnd][hms[i]] = value; + } else { + dateTime[hms[i]] = value; + } + lay(ol).find('.'+ THIS).removeClass(THIS); + lay(this).addClass(THIS); + + //同步按钮可点状态 + that.setBtnStatus( + null + ,lay.extend({}, that.systemDate(), that.startTime) + ,lay.extend({}, that.systemDate(), that.endTime) + ); + setTimeStatus(); + scroll(); + (that.endDate || options.type === 'time') && that.done(null, 'change'); + }); + }); + } + + return that; + }; + + //记录列表切换后的年月 + Class.prototype.listYM = []; + + //关闭列表 + Class.prototype.closeList = function(){ + var that = this + ,options = that.config; + + lay.each(that.elemCont, function(index, item){ + lay(this).find('.'+ ELEM_LIST).remove(); + lay(that.elemMain[index]).removeClass('laydate-ym-show laydate-time-show'); + }); + lay(that.elem).find('.'+ ELEM_TIME_TEXT).remove(); + }; + + //检测结束日期是否超出开始日期 + Class.prototype.setBtnStatus = function(tips, start, end){ + var that = this + ,options = that.config + ,isOut, elemBtn = lay(that.footer).find(ELEM_CONFIRM) + ,isAlone = options.range && options.type !== 'date' && options.type !== 'datetime'; + 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)) + ? elemBtn.addClass(DISABLED) + : elemBtn[isOut ? 'addClass' : 'removeClass'](DISABLED); + + //是否异常提示 + if(tips && isOut) that.hint( + typeof tips === 'string' ? TIPS_OUT.replace(/日期/g, tips) : TIPS_OUT + ); + } + }; + + //转义为规定格式的日期字符 + Class.prototype.parse = function(state){ + var that = this + ,options = that.config + ,dateTime = 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)){ //年 + format[i] = lay.digit(dateTime.year, item.length); + } else if(/MM|M/.test(item)){ //月 + format[i] = lay.digit(dateTime.month + 1, item.length); + } else if(/dd|d/.test(item)){ //日 + format[i] = lay.digit(dateTime.date, item.length); + } else if(/HH|H/.test(item)){ //时 + format[i] = lay.digit(dateTime.hours, item.length); + } else if(/mm|m/.test(item)){ //分 + format[i] = lay.digit(dateTime.minutes, item.length); + } else if(/ss|s/.test(item)){ //秒 + format[i] = lay.digit(dateTime.seconds, item.length); + } + }); + + //返回日期范围字符 + if(options.range && !state){ + return format.join('') + ' '+ options.range +' ' + that.parse(1); + } + + return format.join(''); + }; + + //创建指定日期时间对象 + Class.prototype.newDate = function(dateTime){ + return new Date( + dateTime.year || 1 + ,dateTime.month || 0 + ,dateTime.date || 1 + ,dateTime.hours || 0 + ,dateTime.minutes || 0 + ,dateTime.seconds || 0 + ); + }; + + //赋值 + Class.prototype.setValue = function(value){ + var that = this + ,options = that.config + ,elem = that.bindElem || options.elem[0] + ,valType = that.isInput(elem) ? 'val' : 'html' + + options.position === 'static' || lay(elem)[valType](value || ''); + return this; + }; + + //标记范围内的日期 + 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; + + startTime = that.newDate({ + year: that.startDate.year + ,month: that.startDate.month + ,date: that.startDate.date + }).getTime(); + + endTime = that.newDate({ + year: that.endDate.year + ,month: that.endDate.month + ,date: that.endDate.date + }).getTime(); + + 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(); + lay(item).removeClass(ELEM_SELECTED + ' ' + THIS); + if(thisTime === startTime || thisTime === endTime){ + lay(item).addClass( + lay(item).hasClass(ELEM_PREV) || lay(item).hasClass(ELEM_NEXT) + ? ELEM_SELECTED + : THIS + ); + } + if(thisTime > startTime && thisTime < endTime){ + lay(item).addClass(ELEM_SELECTED); + } + }); + }; + + //执行done/change回调 + 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; + 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){ + 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; + } + }; + + YMD = { + year: YMD[0] | 0 + ,month: (YMD[1] | 0) - 1 + ,date: YMD[2] | 0 + }; + + if(td.hasClass(DISABLED)) return; + + //范围选择 + if(options.range){ + + lay.each(['startTime', 'endTime'], function(i, item){ + that[item] = that[item] || { + hours: 0 + ,minutes: 0 + ,seconds: 0 + }; + }); + + 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){ //选中截止 + 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()){ + var startDate = lay.extend({}, that.endDate, { + hours: that.startDate.hours + ,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 + }); + that.startDate = startDate; + } + + options.showBottom || that.done(); + that.stampRange(); //标记范围内的日期 + that.endState = true; + that.done(null, 'change'); + } else { //选中开始 + td.addClass(THIS); + setDateTime(); + that.startState = true; + } + lay(that.footer).find(ELEM_CONFIRM)[that.endDate ? 'removeClass' : 'addClass'](DISABLED); + } else if(!(options.type === 'datatime' || options.position === 'static')){ + setDateTime(true); + that.setValue(that.parse()).remove().done(); + } else { + setDateTime(true); + that.calendar().done().done(null, 'change'); + } + }; + + //底部按钮 + 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; + } 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){ + 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; + }; + + return { + prevYear: function(){ + if(addSubYeay('sub')) return; + dateTime.year--; + that.calendar(); + options.range || that.done(null, 'change'); + } + ,prevMonth: function(){ + var YM = that.getAsYM(dateTime.year, dateTime.month, 'sub'); + lay.extend(dateTime, { + year: YM[0] + ,month: YM[1] + }); + that.calendar(); + options.range || that.done(null, 'change'); + } + ,nextMonth: function(){ + var YM = that.getAsYM(dateTime.year, dateTime.month); + lay.extend(dateTime, { + year: YM[0] + ,month: YM[1] + }); + that.calendar(); + options.range || that.done(null, 'change'); + } + ,nextYear: function(){ + if(addSubYeay()) return; + dateTime.year++ + that.calendar(); + options.range || that.done(null, 'change'); + } + }; + }; + + //日期切换事件 + Class.prototype.changeEvent = function(){ + var that = this + ,options = that.config; + + //日期选择事件 + lay(that.elem).on('click', function(e){ + lay.stope(e); + }); + + //年月切换 + lay.each(that.elemHeader, function(i, header){ + //上一年 + lay(header[0]).on('click', function(e){ + that.change(i).prevYear(); + }); + + //上一月 + lay(header[1]).on('click', function(e){ + that.change(i).prevMonth(); + }); + + //选择年月 + lay(header[2]).find('span').on('click', function(e){ + var othis = lay(this) + ,layYM = othis.attr('lay-ym').split('-') + ,layType = othis.attr('lay-type'); + + that.listYM[i] = [layYM[0] | 0, layYM[1] | 0]; + that.list(layType, i); + lay(that.footer).find(ELEM_TIME_BTN).addClass(DISABLED); + }); + + //下一月 + lay(header[3]).on('click', function(e){ + that.change(i).nextMonth(); + }); + + //下一年 + lay(header[4]).on('click', function(e){ + that.change(i).nextYear(); + }); + }); + + //点击日期 + lay.each(that.table, function(i, table){ + var tds = lay(table).find('td'); + tds.on('click', function(){ + that.choose(lay(this)); + }); + }); + + //点击底部按钮 + lay(that.footer).find('span').on('click', function(){ + var type = lay(this).attr('lay-type'); + that.tool(this, type); + }); + }; + + //是否输入框 + Class.prototype.isInput = function(elem){ + return /input|textarea/.test(elem.tagName.toLocaleLowerCase()); + }; + + //绑定的元素事件处理 + Class.prototype.events = function(){ + var that = this + ,options = that.config + + //绑定呼出控件事件 + ,showEvent = function(elem, bind){ + elem.on(options.trigger, function(){ + bind && (that.bindElem = this); + 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]){ + return; + } + that.remove(); + }).on('keydown', function(e){ + if(e.keyCode === 13){ + e.preventDefault(); + if(lay('#'+ that.elemID)[0] && that.elemID === Class.thisElem){ + lay(that.footer).find(ELEM_CONFIRM)[0].click(); + } + } + }); + + //自适应定位 + lay(window).on('resize', function(){ + if(!that.elem || !lay(ELEM)[0]){ + return false; + } + that.position(); + }); + + options.elem[0].eventHandler = true; + }; + + + //核心接口 + laydate.render = function(options){ + var inst = new Class(options); + return thisDate.call(inst); + }; + + //得到某月的最后一天 + laydate.getEndDate = function(month, year){ + var thisDate = new Date(); + //设置日期为下个月的第一天 + thisDate.setFullYear( + year || thisDate.getFullYear() + ,month || (thisDate.getMonth() + 1) + ,1); + //减去一天，得到当前月最后一天 + return new Date(thisDate.getTime() - 1000*60*60*24).getDate(); + }; + + //暴露lay + window.lay = window.lay || lay; + + //加载方式 + isLayui ? ( + laydate.ready() + ,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 + }() + ); + +}(); \ No newline at end of file diff --git a/src/theme/default/font/iconfont.eot b/src/theme/default/font/iconfont.eot new file mode 100644 index 0000000..c861caa Binary files /dev/null and b/src/theme/default/font/iconfont.eot differ diff --git a/src/theme/default/font/iconfont.svg b/src/theme/default/font/iconfont.svg new file mode 100644 index 0000000..1e04218 --- /dev/null +++ b/src/theme/default/font/iconfont.svg @@ -0,0 +1,45 @@ + + + + + +Created by iconfont + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/theme/default/font/iconfont.ttf b/src/theme/default/font/iconfont.ttf new file mode 100644 index 0000000..0bd6c4a Binary files /dev/null and b/src/theme/default/font/iconfont.ttf differ diff --git a/src/theme/default/font/iconfont.woff b/src/theme/default/font/iconfont.woff new file mode 100644 index 0000000..bfe5599 Binary files /dev/null and b/src/theme/default/font/iconfont.woff differ diff --git a/src/theme/default/laydate.css b/src/theme/default/laydate.css new file mode 100644 index 0000000..cc5c3fa --- /dev/null +++ b/src/theme/default/laydate.css @@ -0,0 +1,169 @@ +/** + + @Name: laydata + @Author: 贤心 + + **/ + + +html #layuicss-laydate{display: none; position: absolute; width: 1989px;} + +/** 图标字体 **/ +@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; +} + +/* 主体结构 */ +.layui-laydate, .layui-laydate *{box-sizing: border-box;} +.layui-laydate{position: absolute; z-index: 66666666; margin: 5px 0; border-radius: 2px; font-size: 14px; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} +.layui-laydate-main{width: 272px;} +.layui-laydate-header *, +.layui-laydate-content td, +.layui-laydate-list li{transition-duration: .3s; -webkit-transition-duration: .3s;} + +@-webkit-keyframes laydate-upbit{ /* 微微往上滑入 */ + from {-webkit-transform: translate3d(0, 20px, 0); opacity: 0.3;} + to {-webkit-transform: translate3d(0, 0, 0); opacity: 1;} +} +@keyframes laydate-upbit{ + from {transform: translate3d(0, 20px, 0); opacity: 0.3;} + to {transform: translate3d(0, 0, 0); opacity: 1;} +} +.layui-laydate{-webkit-animation-name: laydate-upbit; animation-name: laydate-upbit;} +.layui-laydate-static{ position: relative; z-index: 0; display: inline-block; margin: 0; -webkit-animation: none; animation: none;} + +/* 展开年月列表时 */ +.laydate-ym-show .laydate-prev-m, +.laydate-ym-show .laydate-next-m{display: none !important;} +.laydate-ym-show .laydate-prev-y, +.laydate-ym-show .laydate-next-y{display: inline-block !important;} +.laydate-ym-show .laydate-set-ym span[lay-type="month"]{display: none !important;} + +/* 展开时间列表时 */ +.laydate-time-show .layui-laydate-header .layui-icon, +.laydate-time-show .laydate-set-ym span[lay-type="year"], +.laydate-time-show .laydate-set-ym span[lay-type="month"]{display: none !important;} + +/* 头部结构 */ +.layui-laydate-header{position: relative; line-height:30px; padding: 10px 70px 5px;} +.layui-laydate-header *{display: inline-block; vertical-align: bottom;} +.layui-laydate-header i{position: absolute; top: 10px; padding: 0 5px; color: #999; font-size: 18px; cursor: pointer;} +.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; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} +.laydate-set-ym span{padding: 0 5px; cursor: pointer;} +.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 th, +.layui-laydate-content td{width: 36px; height: 30px; padding: 5px; text-align: center;} +.layui-laydate-content th{font-weight: 400;} +.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{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; background-color: #fff;} +.layui-laydate-list>li{position: relative; display: inline-block; width: 33.3%; height: 36px; line-height: 36px; margin: 3px 0; vertical-align: middle; text-align: center; cursor: pointer;} +.laydate-month-list>li{width: 25%; margin: 17px 0;} +.laydate-time-list{} +.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{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; color: #FF5722;} + + +/* 双日历 */ +.layui-laydate-range{width: 546px;} +.layui-laydate-range .layui-laydate-main{display: inline-block; vertical-align: middle;} +.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-y, +.layui-laydate-range .laydate-main-list-1 .laydate-prev-m{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{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{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: none;} +.layui-laydate-content .laydate-day-prev, +.layui-laydate-content .laydate-day-next{color: #d2d2d2;} +.laydate-selected.laydate-day-prev, +.laydate-selected.laydate-day-next{color: #fff !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:none !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-molv .layui-laydate-footer{border: 1px solid #e2e2e2;} + +/* 格子主题 */ +.laydate-theme-grid .layui-laydate-content td, +.laydate-theme-grid .layui-laydate-content thead, +.laydate-theme-grid .laydate-year-list>li, +.laydate-theme-grid .laydate-month-list>li{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-prev, +.laydate-theme-grid .laydate-selected.laydate-day-next{color: #d2d2d2 !important;} +.laydate-theme-grid .laydate-year-list, +.laydate-theme-grid .laydate-month-list{margin: 1px 0 0 1px;} +.laydate-theme-grid .laydate-year-list>li, +.laydate-theme-grid .laydate-month-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;} + diff --git a/test/test.url b/test/test.url new file mode 100644 index 0000000..8587d37 --- /dev/null +++ b/test/test.url @@ -0,0 +1,6 @@ +[{000214A0-0000-0000-C000-000000000046}] +Prop3=19,2 +[InternetShortcut] +URL=http://www.layui.com/laydate/ +IDList= +HotKey=0