合并分支 'lihongjuan' 到 'master'
Lihongjuan 健康数据的血糖血压 查看合并请求 !3
正在显示
16 个修改的文件
包含
4675 行增加
和
83 行删除
assets/css/demos.css
0 → 100644
| 1 | +body, html { | ||
| 2 | + height: 100%; | ||
| 3 | + -webkit-tap-highlight-color: transparent; | ||
| 4 | +} | ||
| 5 | +.demos-title { | ||
| 6 | + text-align: center; | ||
| 7 | + font-size: 34px; | ||
| 8 | + color: #3cc51f; | ||
| 9 | + font-weight: 400; | ||
| 10 | + margin: 0 15%; | ||
| 11 | +} | ||
| 12 | + | ||
| 13 | +.demos-sub-title { | ||
| 14 | + text-align: center; | ||
| 15 | + color: #888; | ||
| 16 | + font-size: 14px; | ||
| 17 | +} | ||
| 18 | + | ||
| 19 | +.demos-header { | ||
| 20 | + padding: 35px 0; | ||
| 21 | +} | ||
| 22 | + | ||
| 23 | +.demos-content-padded { | ||
| 24 | + padding: 15px; | ||
| 25 | +} | ||
| 26 | + | ||
| 27 | +.demos-second-title { | ||
| 28 | + text-align: center; | ||
| 29 | + font-size: 24px; | ||
| 30 | + color: #3cc51f; | ||
| 31 | + font-weight: 400; | ||
| 32 | + margin: 0 15%; | ||
| 33 | +} | ||
| 34 | + | ||
| 35 | +footer { | ||
| 36 | + text-align: center; | ||
| 37 | + font-size: 14px; | ||
| 38 | + padding: 20px; | ||
| 39 | +} | ||
| 40 | + | ||
| 41 | +footer a { | ||
| 42 | + color: #999; | ||
| 43 | + text-decoration: none; | ||
| 44 | +} |
assets/css/jeDate-test.css
0 → 100644
| 1 | +html,body{min-height:100%;} | ||
| 2 | +html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;} | ||
| 3 | +body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin: 0;padding: 0;border: 0;outline: 0;-webkit-tap-highlight-color:transparent;} | ||
| 4 | +article,aside,header,footer,nav,section,figure,figcaption,hgroup,progress,canvas{display:block} | ||
| 5 | +blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} | ||
| 6 | +body{font-size:14px;font-family:'PingFangSC-Light','PingFang SC','Segoe UI','Lucida Grande','NotoSansHans-Light','Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;text-rendering:geometricPrecision;color:#333333;background:#FFFFFF;} | ||
| 7 | + | ||
| 8 | +a:active,a:hover{outline:0} | ||
| 9 | +img{display:inline-block;border:0} | ||
| 10 | +li{list-style:none} | ||
| 11 | +table{border-collapse:collapse;border-spacing:0} | ||
| 12 | +h1,h2,h3{font-size:14px;font-weight:400} | ||
| 13 | +h4,h5,h6{font-size:100%;font-weight:400} | ||
| 14 | +button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0;margin: 0px;padding: 0px;} | ||
| 15 | +pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word} | ||
| 16 | + | ||
| 17 | +hr{height:1px;margin:10px 0;border:0;background-color:#e2e2e2;clear:both} | ||
| 18 | +a{color:#333;text-decoration:none} | ||
| 19 | +a:hover{color:#777} | ||
| 20 | +.gray{background-color: #f2f2f2;} | ||
| 21 | + | ||
| 22 | +.icons{background-image: url("jedate.png"); background-repeat:no-repeat; } | ||
| 23 | +.jequote{max-width: 1200px;margin-bottom: 10px;padding: 15px;line-height: 22px;border: 4px solid #00A080;border-radius: 4px;background-color: #f5f5f5;font-size: 15px;} | ||
| 24 | +.jebody{max-width: 1200px;margin: 40px auto 100px auto;position: relative;} | ||
| 25 | +.jewarp{width:100%;margin: 15px 0; } | ||
| 26 | +.jewarp h3{position: relative;left: 0;height: 40px;line-height:40px;padding-left:10px;white-space: nowrap;border-radius: 4px 4px 0 0;font-size: 16px;color:#00A080;text-align: left;border: 1px solid #ededed;border-bottom: none;} | ||
| 27 | +.jewarp .content{border: 1px solid #ededed;border-radius:0 0 4px 4px;padding: 25px 10px 10px 10px;overflow: hidden;} | ||
| 28 | +.jeitem{width:33.33%;margin:0 0px 15px 0;position: relative;float: left;} | ||
| 29 | +.jelabel{width: 120px;float: left;display: block;padding: 9px 10px;font-weight: 400;text-align: right; color:#555;} | ||
| 30 | +.jeinpbox{width: 230px;margin-right: 10px;float: left;vertical-align: middle;position: relative;} | ||
| 31 | +.jeinput{display: block;width: 100%;padding-left: 10px; height: 36px;line-height: 34px\9;border: 1px solid #e6e6e6;background-color: #fff;border-radius: 3px;background-color: #fcfcfc;} | ||
| 32 | +.jeindiv{display: block;width: 100%;padding-left: 10px; height: 36px;line-height: 36px;border-bottom: 1px solid #e6e6e6;background-color: #fff;background-color: #fcfcfc;} | ||
| 33 | +.jebtns{width: 35px;margin-left: 10px; height: 36px;line-height: 36px\9;border: 1px solid #e6e6e6;background-color: #fff;border-radius: 3px;background-position:right center;float: left;cursor: pointer;position: absolute;top:0;right:-12px;} | ||
| 34 | +.jefixeitem{width:25%;margin:0 0px 15px 0;position: relative;float: left; text-align: center;} | ||
| 35 | + |
assets/css/jedate.css
0 → 100644
| 1 | +/** | ||
| 2 | + @Name : jeDate V6.5.0 日期控件 | ||
| 3 | + @Author: chen guojun | ||
| 4 | + @QQ群：516754269 | ||
| 5 | + @官网：http://www.jemui.com/ 或 https://github.com/singod/jeDate | ||
| 6 | + */ | ||
| 7 | +@font-face {font-family: "jedatefont"; | ||
| 8 | + src: url('jedatefont.eot?t=1510763148800'); /* IE9*/ | ||
| 9 | + src: url('jedatefont.eot?t=1510763148800#iefix') format('embedded-opentype'), /* IE6-IE8 */ | ||
| 10 | + url('jedatefont.woff?t=1510763148800') format('woff'), | ||
| 11 | + url('jedatefont.ttf?t=1510763148800') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ | ||
| 12 | + url('jedatefont.svg?t=1510763148800#jedatefont') format('svg'); /* iOS 4.1- */ | ||
| 13 | +} | ||
| 14 | + | ||
| 15 | +.jedatefont {font-family:"jedatefont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} | ||
| 16 | +.jedate{height:auto; font-family:'PingFangSC-Light','PingFang SC','Segoe UI','Lucida Grande','NotoSansHans-Light','Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;font-size:12px; cursor:default;margin: 0;padding: 0;overflow: hidden;position: relative;border-radius:4px;display: inline-block;border: 1px solid #e2e2e2;box-shadow: 0 1px 6px rgba(0,0,0,.15);background-color:#fff;} | ||
| 17 | +.jedate *{margin: 0;padding: 0;list-style-type:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-style:normal;font-family:'PingFangSC-Light','PingFang SC','Segoe UI','Lucida Grande','NotoSansHans-Light','Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;} | ||
| 18 | + | ||
| 19 | +.jedate table thead,.jedate table td{border: 1px #fff solid;} | ||
| 20 | +.jedate ul,.jedate ol,.jedate li,.jedate dl{list-style-type:none;font-style:normal;font-weight: 300;} | ||
| 21 | + | ||
| 22 | +.jedate .yearprev{left:0;font-size: 14px;} | ||
| 23 | +.jedate .monthprev{left:25px;font-size: 14px;} | ||
| 24 | +.jedate .yearnext{right:0;font-size: 14px;} | ||
| 25 | +.jedate .monthnext{right:25px;font-size: 14px;} | ||
| 26 | +.jedate .jedate-tips{position: absolute; top: 40%; left: 50%;z-index: 800; width: 200px; margin-left: -100px; line-height: 20px; padding: 15px; text-align: center; font-size: 12px; color: #ff0000;background-color: #FFFEF4;border: 1px rgb(247, 206, 57) solid;display: none;} | ||
| 27 | +.jedate .timecontent ul::-webkit-scrollbar,.jedate-menu::-webkit-scrollbar{height:6px;width:6px;margin-right:5px;background-color: #f5f5f5;transition:all 0.3s ease-in-out;border-radius:0px} | ||
| 28 | +.jedate .timecontent ul::-webkit-scrollbar-track,.jedate-menu::-webkit-scrollbar-track { -webkit-border-radius: 0px;border-radius: 0px;} | ||
| 29 | +.jedate .timecontent ul::-webkit-scrollbar-thumb,.jedate-menu::-webkit-scrollbar-thumb{-webkit-border-radius: 0px;border-radius: 0px;background: rgba(0,0,0,0.5); } | ||
| 30 | +.jedate .timecontent ul::-webkit-scrollbar-thumb:hover,.jedate-menu::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.6)} | ||
| 31 | +.jedate .timecontent ul::-webkit-scrollbar-thumb:active,.jedate-menu::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,0.8)} | ||
| 32 | +.jedate .timecontent ul::-webkit-scrollbar-thumb:window-inactive,.jedate-menu::-webkit-scrollbar-thumb:window-inactive {background: rgba(0,0,0,0.4);} | ||
| 33 | +.jedate .jedate-hmsmask{width:100%;display: block;background-color: rgba(0,0,0,.7);background-color:#fff;position: absolute;top: 0;left:0;right:0;bottom: 36px;z-index: 100;} | ||
| 34 | +.jedatetipscon{color:#333; float:left; overflow:hidden;background-color: #FFFEF4; line-height:22px;padding:6px;border: 1px rgb(247, 206, 57) solid;font-style:normal;font-family: Arial, "\5b8b\4f53", 'sans-serif';font-size:12px;font-weight: 300;} | ||
| 35 | +.jedatetipscon p{padding: 0;margin: 0;font-size:12px;} | ||
| 36 | +.jedatetipscon p.red{color: #ff0000;} | ||
| 37 | + | ||
| 38 | +.jedate.leftmenu{padding-left: 90px;} | ||
| 39 | +.jedate .jedate-menu{width:90px;position: absolute;top: 0;left:0;bottom: 0;z-index: 10;background: #f2f2f2;border-right: 1px solid #efefef;border-radius: 4px 0 0 4px;overflow:auto;display: block;padding:4px 0;} | ||
| 40 | +.jedate .jedate-menu p{height: 30px;line-height: 30px;padding-left: 8px;overflow:hidden;font-size: 12px;cursor: pointer;} | ||
| 41 | +.jedate .jedate-menu p:hover{background-color: #00A680;color:#FFFFFF;} | ||
| 42 | +.jedate .jedate-wrap{width:7rem;background: #fff;overflow: hidden;} | ||
| 43 | +.jedate .jedate-pane{width: 7rem;float: left;overflow: hidden;} | ||
| 44 | +.jedate .jedate-header{width:100%;height:36px;line-height: 36px;float: left;background-color: #f2f2f2;text-align: center;font-size: 14px;padding: 0 50px;position: relative;} | ||
| 45 | +.jedate .jedate-header em{width:25px;height:36px;line-height: 36px;position:absolute;color: #666;top:0;background-repeat: no-repeat;background-position: center center;cursor: pointer;} | ||
| 46 | +.jedate .jedate-header .ymbtn{padding: 8px;border-radius: 4px;cursor:pointer;font-size: 14px;} | ||
| 47 | +/* .jedate .jedate-header em:hover,.jedate .jedate-header .ymbtn:hover{color: #00A680;} */ | ||
| 48 | +.jedate .jedate-content{width:100%;height: 220px;float: left;padding: 5px;overflow: hidden;} | ||
| 49 | +.jedate .jedate-content.bordge{border-left: 1px #e9e9e9 solid;} | ||
| 50 | +.jedate .jedate-content .yeartable,.jedate .jedate-content .monthtable{width: 100%;border-collapse: collapse;border-spacing: 0;border: 1px solid #fff;} | ||
| 51 | +.jedate .jedate-content .yeartable td,.jedate .jedate-content .monthtable td{width:73px;height: 51px;line-height: 51px;text-align:center; position:relative; overflow:hidden;font-size: 14px;} | ||
| 52 | +.jedate .jedate-content .yeartable td span,.jedate .jedate-content .monthtable td span{padding: 8px 10px;border: 1px solid #fff;} | ||
| 53 | +.jedate .jedate-content .yeartable td.action span,.jedate .jedate-content .monthtable td.action span, | ||
| 54 | +.jedate .jedate-content .yeartable td.action span:hover,.jedate .jedate-content .monthtable td.action span:hover{background-color:#00A680;border:1px #00A680 solid;color:#fff;} | ||
| 55 | +.jedate .jedate-content .yeartable td span:hover,.jedate .jedate-content .monthtable td span:hover{background-color:#f2f2f2;border: 1px #f2f2f2 solid;} | ||
| 56 | +.jedate .jedate-content .yeartable td.disabled span,.jedate .jedate-content .monthtable td.disabled span, | ||
| 57 | +.jedate .jedate-content .yeartable td.disabled span:hover,.jedate .jedate-content .monthtable td.disabled span:hover{color:#bbb;background-color:#fff;border: 1px solid #fff;} | ||
| 58 | +.jedate .jedate-content .yeartable td.contain span,.jedate .jedate-content .monthtable td.contain span, | ||
| 59 | +.jedate .jedate-content .yeartable td.contain span:hover,.jedate .jedate-content .monthtable td.contain span:hover{background-color: #D0F0E3;border:1px #D0F0E3 solid;} | ||
| 60 | + | ||
| 61 | +.jedate.grid .daystable thead,.jedate.grid .daystable td{border: 1px #f2f2f2 solid;} | ||
| 62 | +.jedate .jedate-content .daystable{width: 100%;border-collapse: collapse;border-spacing: 0;border: 1px solid #fff;} | ||
| 63 | +.jedate .jedate-content .daystable thead{background-color:#fff;} | ||
| 64 | +.jedate .jedate-content .daystable th{width:48px;height:27px; text-align:center; position:relative; overflow:hidden;font-size: 12px;font-weight: 400;} | ||
| 65 | +.jedate .jedate-content .daystable td{width:31px;height:30px; text-align:center; position:relative; overflow:hidden;font-size: 14px;font-family: Arial, "\5b8b\4f53", 'sans-serif';} | ||
| 66 | +.jedate .jedate-content .daystable td .nolunar{line-height:29px;font-size: 14px;font-family: Arial, "\5b8b\4f53", 'sans-serif';} | ||
| 67 | +.jedate .jedate-content .daystable td .solar{height:14px;line-height:14px;font-size: 14px;padding-top: 2px;display: block;font-family: Arial, "\5b8b\4f53", 'sans-serif';} | ||
| 68 | +.jedate .jedate-content .daystable td .lunar{height:15px;line-height:15px;font-size: 12px;overflow:hidden;display: block;font-family: Arial, "\5b8b\4f53", 'sans-serif';color: #888;transform: scale(.95);} | ||
| 69 | +.jedate .jedate-content .daystable td.action,.jedate .jedate-content .daystable td.action:hover, | ||
| 70 | +.jedate .jedate-content .daystable td.action .lunar{background-color: #00A680;color:#fff;} | ||
| 71 | +.jedate .jedate-content .daystable td.other,.jedate .jedate-content .daystable td.other .nolunar,.jedate .jedate-content .daystable td.other .lunar{color:#00DDAA;} | ||
| 72 | +.jedate .jedate-content .daystable td.disabled,.jedate .jedate-content .daystable td.disabled .nolunar,.jedate .jedate-content .daystable td.disabled .lunar{ color:#bbb;} | ||
| 73 | +.jedate .jedate-content .daystable td.contain,.jedate .jedate-content .daystable td.contain:hover{background-color: #00DDAA;color:#fff;} | ||
| 74 | +.jedate .jedate-content .daystable td.disabled:hover{background-color:#fff;} | ||
| 75 | +.jedate .jedate-content .daystable td:hover{background-color:#f2f2f2;} | ||
| 76 | +.jedate .jedate-content .daystable td.red{ color:#ff0000;} | ||
| 77 | +.jedate .jedate-content .daystable td .marks{ width:5px; height:5px; background-color:#ff0000; -webkit-border-radius:50%;border-radius:50%; position:absolute; right:2px; top:4px;} | ||
| 78 | +.jedate .jedate-content .daystable td.action .marks{ width:5px; height:5px; background-color:#fff; -webkit-border-radius:50%;border-radius:50%; position:absolute; right:2px; top:4px;} | ||
| 79 | + | ||
| 80 | +.jedate .jedate-time{overflow: hidden;padding-bottom: 4px; background-color:#fff;position: absolute;top:0;right: 0;z-index: 150;} | ||
| 81 | +.jedate .jedate-time .timepane{width:230px;float:left;} | ||
| 82 | +.jedate .jedate-time .timeheader{width: 100%;float:left;height: 36px;line-height: 36px;background-color: #f2f2f2;text-align: center;font-size: 14px;position: relative;} | ||
| 83 | +.jedate .jedate-time .timecontent{width: 100%;float:left;} | ||
| 84 | +.jedate .jedate-time .hmstitle{width: 211px;margin: 0 auto;overflow: hidden;padding-top: 4px;text-align: center;} | ||
| 85 | +.jedate .jedate-time .hmstitle p{width: 33.33%;float:left;height: 30px;line-height: 30px;font-size: 13px;} | ||
| 86 | +.jedate .jedate-time .hmslist{width: 211px;margin: 0 auto 6px auto;border: 1px solid #ddd;border-right: none;overflow: hidden;} | ||
| 87 | +.jedate .jedate-time .hmslist .hmsauto{height: 100%;margin: 0;text-align: center;} | ||
| 88 | +.jedate .jedate-time .hmslist ul {width: 70px;height: 174px;float: left;border-right: 1px solid #ddd;overflow: hidden;} | ||
| 89 | +.jedate .jedate-time .hmslist .hmsauto:hover ul {overflow-y: auto} | ||
| 90 | +.jedate .jedate-time .hmslist ul li {width: 130%;padding-left:26px;text-align: left;height: 25px;line-height: 25px;font-size: 14px;font-family: Arial, "\5b8b\4f53", 'sans-serif';} | ||
| 91 | +.jedate .jedate-time .hmslist ul li:hover{background-color: #F2F2F2;} | ||
| 92 | +.jedate .jedate-time .hmslist ul li.action,.jedate-time .hmslist ul li.action:hover{background-color: #00A680;color:#fff;} | ||
| 93 | +.jedate .jedate-time .hmslist ul li.disabled{ background-color: #fbfbfb;color:#ccc;} | ||
| 94 | +.jedate .jedate-time .hmslist ul li.disabled.action{ background-color: #00A680;color:#FFFFFF;filter:Alpha(opacity=30);opacity:.3; } | ||
| 95 | + | ||
| 96 | +.jedate .jedate-footbtn{height: 36px;padding: 0 6px;border-top: 1px #e9e9e9 solid;overflow: hidden;} | ||
| 97 | +.jedate .jedate-footbtn .timecon{line-height:28px;padding:0 5px;background-color:#00A680;color:#fff;display:block;float: left;font-size: 12px;margin-top:4px;border-radius:4px;overflow: hidden;} | ||
| 98 | +.jedate .jedate-footbtn .btnscon{line-height:28px;margin-top:4px;display:block;float: right;font-size: 12px;border-radius:4px;overflow: hidden;} | ||
| 99 | +.jedate .jedate-footbtn .btnscon span{float:left; padding:0 5px;border-right: 1px #fff solid;background-color:#00A680;color:#fff;display:block;height:28px;line-height:28px;text-align:center;overflow:hidden;} | ||
| 100 | +.jedate .jedate-footbtn .btnscon span:last-child{border-right:none;} |
assets/css/jquery-weui.css
0 → 100644
| 1 | +/** | ||
| 2 | +* jQuery WeUI V1.2.1 | ||
| 3 | +* By 言川 | ||
| 4 | +* http://lihongxun945.github.io/jquery-weui/ | ||
| 5 | + */ | ||
| 6 | +.preloader { | ||
| 7 | + width: 20px; | ||
| 8 | + height: 20px; | ||
| 9 | + -webkit-transform-origin: 50%; | ||
| 10 | + transform-origin: 50%; | ||
| 11 | + -webkit-animation: preloader-spin 1s steps(12, end) infinite; | ||
| 12 | + animation: preloader-spin 1s steps(12, end) infinite; | ||
| 13 | +} | ||
| 14 | +.preloader:after { | ||
| 15 | + display: block; | ||
| 16 | + width: 100%; | ||
| 17 | + height: 100%; | ||
| 18 | + content: ""; | ||
| 19 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); | ||
| 20 | + background-repeat: no-repeat; | ||
| 21 | + background-position: 50%; | ||
| 22 | + background-size: 100%; | ||
| 23 | +} | ||
| 24 | +@-webkit-keyframes preloader-spin { | ||
| 25 | + 100% { | ||
| 26 | + -webkit-transform: rotate(360deg); | ||
| 27 | + transform: rotate(360deg); | ||
| 28 | + } | ||
| 29 | +} | ||
| 30 | +@keyframes preloader-spin { | ||
| 31 | + 100% { | ||
| 32 | + -webkit-transform: rotate(360deg); | ||
| 33 | + transform: rotate(360deg); | ||
| 34 | + } | ||
| 35 | +} | ||
| 36 | +/* | ||
| 37 | +.hairline(@position, @color) when (@position = top) { | ||
| 38 | + border-top: 1px solid @color; | ||
| 39 | +} | ||
| 40 | +.hairline(@position, @color) when (@position = left) { | ||
| 41 | + border-left: 1px solid @color; | ||
| 42 | +} | ||
| 43 | +.hairline(@position, @color) when (@position = bottom) { | ||
| 44 | + border-bottom: 1px solid @color; | ||
| 45 | +} | ||
| 46 | +.hairline(@position, @color) when (@position = right) { | ||
| 47 | + border-right: 1px solid @color; | ||
| 48 | +} | ||
| 49 | +// For right and bottom | ||
| 50 | +.hairline-remove(@position) when not (@position = left) and not (@position = top) { | ||
| 51 | + border-left: 0; | ||
| 52 | + border-bottom: 0; | ||
| 53 | +} | ||
| 54 | +// For left and top | ||
| 55 | +.hairline-remove(@position) when not (@position = right) and not (@position = bottom) { | ||
| 56 | + border-right: 0; | ||
| 57 | + border-top: 0; | ||
| 58 | +} | ||
| 59 | +// For right and bottom | ||
| 60 | +.hairline-color(@position, @color) when not (@position = left) and not (@position = top) { | ||
| 61 | + border-right-color: @color; | ||
| 62 | + border-bottom-color: @color; | ||
| 63 | +} | ||
| 64 | +// For left and top | ||
| 65 | +.hairline-color(@position, @color) when not (@position = right) and not (@position = bottom) { | ||
| 66 | + border-left-color: @color; | ||
| 67 | + border-top-color: @color; | ||
| 68 | +} | ||
| 69 | +*/ | ||
| 70 | +label > * { | ||
| 71 | + pointer-events: none; | ||
| 72 | +} | ||
| 73 | +html { | ||
| 74 | + font-size: 20px; | ||
| 75 | +} | ||
| 76 | +body { | ||
| 77 | + font-size: 16px; | ||
| 78 | +} | ||
| 79 | +@media only screen and (min-width: 400px) { | ||
| 80 | + html { | ||
| 81 | + font-size: 21.33333333px !important; | ||
| 82 | + } | ||
| 83 | +} | ||
| 84 | +@media only screen and (min-width: 414px) { | ||
| 85 | + html { | ||
| 86 | + font-size: 22.08px !important; | ||
| 87 | + } | ||
| 88 | +} | ||
| 89 | +@media only screen and (min-width: 480px) { | ||
| 90 | + html { | ||
| 91 | + font-size: 25.6px !important; | ||
| 92 | + } | ||
| 93 | +} | ||
| 94 | +.weui_navbar { | ||
| 95 | + z-index: 10; | ||
| 96 | +} | ||
| 97 | +.weui-popup-overlay, | ||
| 98 | +.weui-popup-container { | ||
| 99 | + z-index: 1000; | ||
| 100 | +} | ||
| 101 | +.weui-mask { | ||
| 102 | + z-index: 1000; | ||
| 103 | +} | ||
| 104 | +/* === Grid === */ | ||
| 105 | +.weui-row { | ||
| 106 | + display: -webkit-box; | ||
| 107 | + display: -ms-flexbox; | ||
| 108 | + display: flex; | ||
| 109 | + -webkit-box-pack: justify; | ||
| 110 | + -ms-flex-pack: justify; | ||
| 111 | + justify-content: space-between; | ||
| 112 | + -webkit-box-lines: multiple; | ||
| 113 | + -moz-box-lines: multiple; | ||
| 114 | + -ms-flex-wrap: wrap; | ||
| 115 | + flex-wrap: wrap; | ||
| 116 | + -webkit-box-align: start; | ||
| 117 | + -ms-flex-align: start; | ||
| 118 | + align-items: flex-start; | ||
| 119 | +} | ||
| 120 | +.weui-row > [class*="col-"] { | ||
| 121 | + box-sizing: border-box; | ||
| 122 | +} | ||
| 123 | +.weui-row .col-auto { | ||
| 124 | + width: 100%; | ||
| 125 | +} | ||
| 126 | +.weui-row .weui-col-100 { | ||
| 127 | + width: 100%; | ||
| 128 | + width: calc((100% - 15px*0) / 1); | ||
| 129 | +} | ||
| 130 | +.weui-row.weui-no-gutter .weui-col-100 { | ||
| 131 | + width: 100%; | ||
| 132 | +} | ||
| 133 | +.weui-row .weui-col-95 { | ||
| 134 | + width: 95%; | ||
| 135 | + width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684); | ||
| 136 | +} | ||
| 137 | +.weui-row.weui-no-gutter .weui-col-95 { | ||
| 138 | + width: 95%; | ||
| 139 | +} | ||
| 140 | +.weui-row .weui-col-90 { | ||
| 141 | + width: 90%; | ||
| 142 | + width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112); | ||
| 143 | +} | ||
| 144 | +.weui-row.weui-no-gutter .weui-col-90 { | ||
| 145 | + width: 90%; | ||
| 146 | +} | ||
| 147 | +.weui-row .weui-col-85 { | ||
| 148 | + width: 85%; | ||
| 149 | + width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942); | ||
| 150 | +} | ||
| 151 | +.weui-row.weui-no-gutter .weui-col-85 { | ||
| 152 | + width: 85%; | ||
| 153 | +} | ||
| 154 | +.weui-row .weui-col-80 { | ||
| 155 | + width: 80%; | ||
| 156 | + width: calc((100% - 15px*0.25) / 1.25); | ||
| 157 | +} | ||
| 158 | +.weui-row.weui-no-gutter .weui-col-80 { | ||
| 159 | + width: 80%; | ||
| 160 | +} | ||
| 161 | +.weui-row .weui-col-75 { | ||
| 162 | + width: 75%; | ||
| 163 | + width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333); | ||
| 164 | +} | ||
| 165 | +.weui-row.weui-no-gutter .weui-col-75 { | ||
| 166 | + width: 75%; | ||
| 167 | +} | ||
| 168 | +.weui-row .weui-col-66 { | ||
| 169 | + width: 66.66666666666666%; | ||
| 170 | + width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002); | ||
| 171 | +} | ||
| 172 | +.weui-row.weui-no-gutter .weui-col-66 { | ||
| 173 | + width: 66.66666666666666%; | ||
| 174 | +} | ||
| 175 | +.weui-row .weui-col-60 { | ||
| 176 | + width: 60%; | ||
| 177 | + width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667); | ||
| 178 | +} | ||
| 179 | +.weui-row.weui-no-gutter .weui-col-60 { | ||
| 180 | + width: 60%; | ||
| 181 | +} | ||
| 182 | +.weui-row .weui-col-50 { | ||
| 183 | + width: 50%; | ||
| 184 | + width: calc((100% - 15px*1) / 2); | ||
| 185 | +} | ||
| 186 | +.weui-row.weui-no-gutter .weui-col-50 { | ||
| 187 | + width: 50%; | ||
| 188 | +} | ||
| 189 | +.weui-row .weui-col-40 { | ||
| 190 | + width: 40%; | ||
| 191 | + width: calc((100% - 15px*1.5) / 2.5); | ||
| 192 | +} | ||
| 193 | +.weui-row.weui-no-gutter .weui-col-40 { | ||
| 194 | + width: 40%; | ||
| 195 | +} | ||
| 196 | +.weui-row .weui-col-33 { | ||
| 197 | + width: 33.333333333333336%; | ||
| 198 | + width: calc((100% - 15px*2) / 3); | ||
| 199 | +} | ||
| 200 | +.weui-row.weui-no-gutter .weui-col-33 { | ||
| 201 | + width: 33.333333333333336%; | ||
| 202 | +} | ||
| 203 | +.weui-row .weui-col-25 { | ||
| 204 | + width: 25%; | ||
| 205 | + width: calc((100% - 15px*3) / 4); | ||
| 206 | +} | ||
| 207 | +.weui-row.weui-no-gutter .weui-col-25 { | ||
| 208 | + width: 25%; | ||
| 209 | +} | ||
| 210 | +.weui-row .weui-col-20 { | ||
| 211 | + width: 20%; | ||
| 212 | + width: calc((100% - 15px*4) / 5); | ||
| 213 | +} | ||
| 214 | +.weui-row.weui-no-gutter .weui-col-20 { | ||
| 215 | + width: 20%; | ||
| 216 | +} | ||
| 217 | +.weui-row .weui-col-15 { | ||
| 218 | + width: 15%; | ||
| 219 | + width: calc((100% - 15px*5.666666666666667) / 6.666666666666667); | ||
| 220 | +} | ||
| 221 | +.weui-row.weui-no-gutter .weui-col-15 { | ||
| 222 | + width: 15%; | ||
| 223 | +} | ||
| 224 | +.weui-row .weui-col-10 { | ||
| 225 | + width: 10%; | ||
| 226 | + width: calc((100% - 15px*9) / 10); | ||
| 227 | +} | ||
| 228 | +.weui-row.weui-no-gutter .weui-col-10 { | ||
| 229 | + width: 10%; | ||
| 230 | +} | ||
| 231 | +.weui-row .weui-col-5 { | ||
| 232 | + width: 5%; | ||
| 233 | + width: calc((100% - 15px*19) / 20); | ||
| 234 | +} | ||
| 235 | +.weui-row.weui-no-gutter .weui-col-5 { | ||
| 236 | + width: 5%; | ||
| 237 | +} | ||
| 238 | +.weui-row .weui-col-auto:nth-last-child(1), | ||
| 239 | +.weui-row .weui-col-auto:nth-last-child(1) ~ .weui-col-auto { | ||
| 240 | + width: 100%; | ||
| 241 | + width: calc((100% - 15px*0) / 1); | ||
| 242 | +} | ||
| 243 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(1), | ||
| 244 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(1) ~ .weui-col-auto { | ||
| 245 | + width: 100%; | ||
| 246 | +} | ||
| 247 | +.weui-row .weui-col-auto:nth-last-child(2), | ||
| 248 | +.weui-row .weui-col-auto:nth-last-child(2) ~ .weui-col-auto { | ||
| 249 | + width: 50%; | ||
| 250 | + width: calc((100% - 15px*1) / 2); | ||
| 251 | +} | ||
| 252 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(2), | ||
| 253 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(2) ~ .weui-col-auto { | ||
| 254 | + width: 50%; | ||
| 255 | +} | ||
| 256 | +.weui-row .weui-col-auto:nth-last-child(3), | ||
| 257 | +.weui-row .weui-col-auto:nth-last-child(3) ~ .weui-col-auto { | ||
| 258 | + width: 33.33333333%; | ||
| 259 | + width: calc((100% - 15px*2) / 3); | ||
| 260 | +} | ||
| 261 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(3), | ||
| 262 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(3) ~ .weui-col-auto { | ||
| 263 | + width: 33.33333333%; | ||
| 264 | +} | ||
| 265 | +.weui-row .weui-col-auto:nth-last-child(4), | ||
| 266 | +.weui-row .weui-col-auto:nth-last-child(4) ~ .weui-col-auto { | ||
| 267 | + width: 25%; | ||
| 268 | + width: calc((100% - 15px*3) / 4); | ||
| 269 | +} | ||
| 270 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(4), | ||
| 271 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(4) ~ .weui-col-auto { | ||
| 272 | + width: 25%; | ||
| 273 | +} | ||
| 274 | +.weui-row .weui-col-auto:nth-last-child(5), | ||
| 275 | +.weui-row .weui-col-auto:nth-last-child(5) ~ .weui-col-auto { | ||
| 276 | + width: 20%; | ||
| 277 | + width: calc((100% - 15px*4) / 5); | ||
| 278 | +} | ||
| 279 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(5), | ||
| 280 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(5) ~ .weui-col-auto { | ||
| 281 | + width: 20%; | ||
| 282 | +} | ||
| 283 | +.weui-row .weui-col-auto:nth-last-child(6), | ||
| 284 | +.weui-row .weui-col-auto:nth-last-child(6) ~ .weui-col-auto { | ||
| 285 | + width: 16.66666667%; | ||
| 286 | + width: calc((100% - 15px*5) / 6); | ||
| 287 | +} | ||
| 288 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(6), | ||
| 289 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(6) ~ .weui-col-auto { | ||
| 290 | + width: 16.66666667%; | ||
| 291 | +} | ||
| 292 | +.weui-row .weui-col-auto:nth-last-child(7), | ||
| 293 | +.weui-row .weui-col-auto:nth-last-child(7) ~ .weui-col-auto { | ||
| 294 | + width: 14.28571429%; | ||
| 295 | + width: calc((100% - 15px*6) / 7); | ||
| 296 | +} | ||
| 297 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(7), | ||
| 298 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(7) ~ .weui-col-auto { | ||
| 299 | + width: 14.28571429%; | ||
| 300 | +} | ||
| 301 | +.weui-row .weui-col-auto:nth-last-child(8), | ||
| 302 | +.weui-row .weui-col-auto:nth-last-child(8) ~ .weui-col-auto { | ||
| 303 | + width: 12.5%; | ||
| 304 | + width: calc((100% - 15px*7) / 8); | ||
| 305 | +} | ||
| 306 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(8), | ||
| 307 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(8) ~ .weui-col-auto { | ||
| 308 | + width: 12.5%; | ||
| 309 | +} | ||
| 310 | +.weui-row .weui-col-auto:nth-last-child(9), | ||
| 311 | +.weui-row .weui-col-auto:nth-last-child(9) ~ .weui-col-auto { | ||
| 312 | + width: 11.11111111%; | ||
| 313 | + width: calc((100% - 15px*8) / 9); | ||
| 314 | +} | ||
| 315 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(9), | ||
| 316 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(9) ~ .weui-col-auto { | ||
| 317 | + width: 11.11111111%; | ||
| 318 | +} | ||
| 319 | +.weui-row .weui-col-auto:nth-last-child(10), | ||
| 320 | +.weui-row .weui-col-auto:nth-last-child(10) ~ .weui-col-auto { | ||
| 321 | + width: 10%; | ||
| 322 | + width: calc((100% - 15px*9) / 10); | ||
| 323 | +} | ||
| 324 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(10), | ||
| 325 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(10) ~ .weui-col-auto { | ||
| 326 | + width: 10%; | ||
| 327 | +} | ||
| 328 | +.weui-row .weui-col-auto:nth-last-child(11), | ||
| 329 | +.weui-row .weui-col-auto:nth-last-child(11) ~ .weui-col-auto { | ||
| 330 | + width: 9.09090909%; | ||
| 331 | + width: calc((100% - 15px*10) / 11); | ||
| 332 | +} | ||
| 333 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(11), | ||
| 334 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(11) ~ .weui-col-auto { | ||
| 335 | + width: 9.09090909%; | ||
| 336 | +} | ||
| 337 | +.weui-row .weui-col-auto:nth-last-child(12), | ||
| 338 | +.weui-row .weui-col-auto:nth-last-child(12) ~ .weui-col-auto { | ||
| 339 | + width: 8.33333333%; | ||
| 340 | + width: calc((100% - 15px*11) / 12); | ||
| 341 | +} | ||
| 342 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(12), | ||
| 343 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(12) ~ .weui-col-auto { | ||
| 344 | + width: 8.33333333%; | ||
| 345 | +} | ||
| 346 | +.weui-row .weui-col-auto:nth-last-child(13), | ||
| 347 | +.weui-row .weui-col-auto:nth-last-child(13) ~ .weui-col-auto { | ||
| 348 | + width: 7.69230769%; | ||
| 349 | + width: calc((100% - 15px*12) / 13); | ||
| 350 | +} | ||
| 351 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(13), | ||
| 352 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(13) ~ .weui-col-auto { | ||
| 353 | + width: 7.69230769%; | ||
| 354 | +} | ||
| 355 | +.weui-row .weui-col-auto:nth-last-child(14), | ||
| 356 | +.weui-row .weui-col-auto:nth-last-child(14) ~ .weui-col-auto { | ||
| 357 | + width: 7.14285714%; | ||
| 358 | + width: calc((100% - 15px*13) / 14); | ||
| 359 | +} | ||
| 360 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(14), | ||
| 361 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(14) ~ .weui-col-auto { | ||
| 362 | + width: 7.14285714%; | ||
| 363 | +} | ||
| 364 | +.weui-row .weui-col-auto:nth-last-child(15), | ||
| 365 | +.weui-row .weui-col-auto:nth-last-child(15) ~ .weui-col-auto { | ||
| 366 | + width: 6.66666667%; | ||
| 367 | + width: calc((100% - 15px*14) / 15); | ||
| 368 | +} | ||
| 369 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(15), | ||
| 370 | +.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(15) ~ .weui-col-auto { | ||
| 371 | + width: 6.66666667%; | ||
| 372 | +} | ||
| 373 | +@media all and (min-width: 768px) { | ||
| 374 | + .row .tablet-100 { | ||
| 375 | + width: 100%; | ||
| 376 | + width: calc((100% - 15px*0) / 1); | ||
| 377 | + } | ||
| 378 | + .row.no-gutter .tablet-100 { | ||
| 379 | + width: 100%; | ||
| 380 | + } | ||
| 381 | + .row .tablet-95 { | ||
| 382 | + width: 95%; | ||
| 383 | + width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684); | ||
| 384 | + } | ||
| 385 | + .row.no-gutter .tablet-95 { | ||
| 386 | + width: 95%; | ||
| 387 | + } | ||
| 388 | + .row .tablet-90 { | ||
| 389 | + width: 90%; | ||
| 390 | + width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112); | ||
| 391 | + } | ||
| 392 | + .row.no-gutter .tablet-90 { | ||
| 393 | + width: 90%; | ||
| 394 | + } | ||
| 395 | + .row .tablet-85 { | ||
| 396 | + width: 85%; | ||
| 397 | + width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942); | ||
| 398 | + } | ||
| 399 | + .row.no-gutter .tablet-85 { | ||
| 400 | + width: 85%; | ||
| 401 | + } | ||
| 402 | + .row .tablet-80 { | ||
| 403 | + width: 80%; | ||
| 404 | + width: calc((100% - 15px*0.25) / 1.25); | ||
| 405 | + } | ||
| 406 | + .row.no-gutter .tablet-80 { | ||
| 407 | + width: 80%; | ||
| 408 | + } | ||
| 409 | + .row .tablet-75 { | ||
| 410 | + width: 75%; | ||
| 411 | + width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333); | ||
| 412 | + } | ||
| 413 | + .row.no-gutter .tablet-75 { | ||
| 414 | + width: 75%; | ||
| 415 | + } | ||
| 416 | + .row .tablet-66 { | ||
| 417 | + width: 66.66666666666666%; | ||
| 418 | + width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002); | ||
| 419 | + } | ||
| 420 | + .row.no-gutter .tablet-66 { | ||
| 421 | + width: 66.66666666666666%; | ||
| 422 | + } | ||
| 423 | + .row .tablet-60 { | ||
| 424 | + width: 60%; | ||
| 425 | + width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667); | ||
| 426 | + } | ||
| 427 | + .row.no-gutter .tablet-60 { | ||
| 428 | + width: 60%; | ||
| 429 | + } | ||
| 430 | + .row .tablet-50 { | ||
| 431 | + width: 50%; | ||
| 432 | + width: calc((100% - 15px*1) / 2); | ||
| 433 | + } | ||
| 434 | + .row.no-gutter .tablet-50 { | ||
| 435 | + width: 50%; | ||
| 436 | + } | ||
| 437 | + .row .tablet-40 { | ||
| 438 | + width: 40%; | ||
| 439 | + width: calc((100% - 15px*1.5) / 2.5); | ||
| 440 | + } | ||
| 441 | + .row.no-gutter .tablet-40 { | ||
| 442 | + width: 40%; | ||
| 443 | + } | ||
| 444 | + .row .tablet-33 { | ||
| 445 | + width: 33.333333333333336%; | ||
| 446 | + width: calc((100% - 15px*2) / 3); | ||
| 447 | + } | ||
| 448 | + .row.no-gutter .tablet-33 { | ||
| 449 | + width: 33.333333333333336%; | ||
| 450 | + } | ||
| 451 | + .row .tablet-25 { | ||
| 452 | + width: 25%; | ||
| 453 | + width: calc((100% - 15px*3) / 4); | ||
| 454 | + } | ||
| 455 | + .row.no-gutter .tablet-25 { | ||
| 456 | + width: 25%; | ||
| 457 | + } | ||
| 458 | + .row .tablet-20 { | ||
| 459 | + width: 20%; | ||
| 460 | + width: calc((100% - 15px*4) / 5); | ||
| 461 | + } | ||
| 462 | + .row.no-gutter .tablet-20 { | ||
| 463 | + width: 20%; | ||
| 464 | + } | ||
| 465 | + .row .tablet-15 { | ||
| 466 | + width: 15%; | ||
| 467 | + width: calc((100% - 15px*5.666666666666667) / 6.666666666666667); | ||
| 468 | + } | ||
| 469 | + .row.no-gutter .tablet-15 { | ||
| 470 | + width: 15%; | ||
| 471 | + } | ||
| 472 | + .row .tablet-10 { | ||
| 473 | + width: 10%; | ||
| 474 | + width: calc((100% - 15px*9) / 10); | ||
| 475 | + } | ||
| 476 | + .row.no-gutter .tablet-10 { | ||
| 477 | + width: 10%; | ||
| 478 | + } | ||
| 479 | + .row .tablet-5 { | ||
| 480 | + width: 5%; | ||
| 481 | + width: calc((100% - 15px*19) / 20); | ||
| 482 | + } | ||
| 483 | + .row.no-gutter .tablet-5 { | ||
| 484 | + width: 5%; | ||
| 485 | + } | ||
| 486 | + .row .tablet-auto:nth-last-child(1), | ||
| 487 | + .row .tablet-auto:nth-last-child(1) ~ .col-auto { | ||
| 488 | + width: 100%; | ||
| 489 | + width: calc((100% - 15px*0) / 1); | ||
| 490 | + } | ||
| 491 | + .row.no-gutter .tablet-auto:nth-last-child(1), | ||
| 492 | + .row.no-gutter .tablet-auto:nth-last-child(1) ~ .tablet-auto { | ||
| 493 | + width: 100%; | ||
| 494 | + } | ||
| 495 | + .row .tablet-auto:nth-last-child(2), | ||
| 496 | + .row .tablet-auto:nth-last-child(2) ~ .col-auto { | ||
| 497 | + width: 50%; | ||
| 498 | + width: calc((100% - 15px*1) / 2); | ||
| 499 | + } | ||
| 500 | + .row.no-gutter .tablet-auto:nth-last-child(2), | ||
| 501 | + .row.no-gutter .tablet-auto:nth-last-child(2) ~ .tablet-auto { | ||
| 502 | + width: 50%; | ||
| 503 | + } | ||
| 504 | + .row .tablet-auto:nth-last-child(3), | ||
| 505 | + .row .tablet-auto:nth-last-child(3) ~ .col-auto { | ||
| 506 | + width: 33.33333333%; | ||
| 507 | + width: calc((100% - 15px*2) / 3); | ||
| 508 | + } | ||
| 509 | + .row.no-gutter .tablet-auto:nth-last-child(3), | ||
| 510 | + .row.no-gutter .tablet-auto:nth-last-child(3) ~ .tablet-auto { | ||
| 511 | + width: 33.33333333%; | ||
| 512 | + } | ||
| 513 | + .row .tablet-auto:nth-last-child(4), | ||
| 514 | + .row .tablet-auto:nth-last-child(4) ~ .col-auto { | ||
| 515 | + width: 25%; | ||
| 516 | + width: calc((100% - 15px*3) / 4); | ||
| 517 | + } | ||
| 518 | + .row.no-gutter .tablet-auto:nth-last-child(4), | ||
| 519 | + .row.no-gutter .tablet-auto:nth-last-child(4) ~ .tablet-auto { | ||
| 520 | + width: 25%; | ||
| 521 | + } | ||
| 522 | + .row .tablet-auto:nth-last-child(5), | ||
| 523 | + .row .tablet-auto:nth-last-child(5) ~ .col-auto { | ||
| 524 | + width: 20%; | ||
| 525 | + width: calc((100% - 15px*4) / 5); | ||
| 526 | + } | ||
| 527 | + .row.no-gutter .tablet-auto:nth-last-child(5), | ||
| 528 | + .row.no-gutter .tablet-auto:nth-last-child(5) ~ .tablet-auto { | ||
| 529 | + width: 20%; | ||
| 530 | + } | ||
| 531 | + .row .tablet-auto:nth-last-child(6), | ||
| 532 | + .row .tablet-auto:nth-last-child(6) ~ .col-auto { | ||
| 533 | + width: 16.66666667%; | ||
| 534 | + width: calc((100% - 15px*5) / 6); | ||
| 535 | + } | ||
| 536 | + .row.no-gutter .tablet-auto:nth-last-child(6), | ||
| 537 | + .row.no-gutter .tablet-auto:nth-last-child(6) ~ .tablet-auto { | ||
| 538 | + width: 16.66666667%; | ||
| 539 | + } | ||
| 540 | + .row .tablet-auto:nth-last-child(7), | ||
| 541 | + .row .tablet-auto:nth-last-child(7) ~ .col-auto { | ||
| 542 | + width: 14.28571429%; | ||
| 543 | + width: calc((100% - 15px*6) / 7); | ||
| 544 | + } | ||
| 545 | + .row.no-gutter .tablet-auto:nth-last-child(7), | ||
| 546 | + .row.no-gutter .tablet-auto:nth-last-child(7) ~ .tablet-auto { | ||
| 547 | + width: 14.28571429%; | ||
| 548 | + } | ||
| 549 | + .row .tablet-auto:nth-last-child(8), | ||
| 550 | + .row .tablet-auto:nth-last-child(8) ~ .col-auto { | ||
| 551 | + width: 12.5%; | ||
| 552 | + width: calc((100% - 15px*7) / 8); | ||
| 553 | + } | ||
| 554 | + .row.no-gutter .tablet-auto:nth-last-child(8), | ||
| 555 | + .row.no-gutter .tablet-auto:nth-last-child(8) ~ .tablet-auto { | ||
| 556 | + width: 12.5%; | ||
| 557 | + } | ||
| 558 | + .row .tablet-auto:nth-last-child(9), | ||
| 559 | + .row .tablet-auto:nth-last-child(9) ~ .col-auto { | ||
| 560 | + width: 11.11111111%; | ||
| 561 | + width: calc((100% - 15px*8) / 9); | ||
| 562 | + } | ||
| 563 | + .row.no-gutter .tablet-auto:nth-last-child(9), | ||
| 564 | + .row.no-gutter .tablet-auto:nth-last-child(9) ~ .tablet-auto { | ||
| 565 | + width: 11.11111111%; | ||
| 566 | + } | ||
| 567 | + .row .tablet-auto:nth-last-child(10), | ||
| 568 | + .row .tablet-auto:nth-last-child(10) ~ .col-auto { | ||
| 569 | + width: 10%; | ||
| 570 | + width: calc((100% - 15px*9) / 10); | ||
| 571 | + } | ||
| 572 | + .row.no-gutter .tablet-auto:nth-last-child(10), | ||
| 573 | + .row.no-gutter .tablet-auto:nth-last-child(10) ~ .tablet-auto { | ||
| 574 | + width: 10%; | ||
| 575 | + } | ||
| 576 | + .row .tablet-auto:nth-last-child(11), | ||
| 577 | + .row .tablet-auto:nth-last-child(11) ~ .col-auto { | ||
| 578 | + width: 9.09090909%; | ||
| 579 | + width: calc((100% - 15px*10) / 11); | ||
| 580 | + } | ||
| 581 | + .row.no-gutter .tablet-auto:nth-last-child(11), | ||
| 582 | + .row.no-gutter .tablet-auto:nth-last-child(11) ~ .tablet-auto { | ||
| 583 | + width: 9.09090909%; | ||
| 584 | + } | ||
| 585 | + .row .tablet-auto:nth-last-child(12), | ||
| 586 | + .row .tablet-auto:nth-last-child(12) ~ .col-auto { | ||
| 587 | + width: 8.33333333%; | ||
| 588 | + width: calc((100% - 15px*11) / 12); | ||
| 589 | + } | ||
| 590 | + .row.no-gutter .tablet-auto:nth-last-child(12), | ||
| 591 | + .row.no-gutter .tablet-auto:nth-last-child(12) ~ .tablet-auto { | ||
| 592 | + width: 8.33333333%; | ||
| 593 | + } | ||
| 594 | + .row .tablet-auto:nth-last-child(13), | ||
| 595 | + .row .tablet-auto:nth-last-child(13) ~ .col-auto { | ||
| 596 | + width: 7.69230769%; | ||
| 597 | + width: calc((100% - 15px*12) / 13); | ||
| 598 | + } | ||
| 599 | + .row.no-gutter .tablet-auto:nth-last-child(13), | ||
| 600 | + .row.no-gutter .tablet-auto:nth-last-child(13) ~ .tablet-auto { | ||
| 601 | + width: 7.69230769%; | ||
| 602 | + } | ||
| 603 | + .row .tablet-auto:nth-last-child(14), | ||
| 604 | + .row .tablet-auto:nth-last-child(14) ~ .col-auto { | ||
| 605 | + width: 7.14285714%; | ||
| 606 | + width: calc((100% - 15px*13) / 14); | ||
| 607 | + } | ||
| 608 | + .row.no-gutter .tablet-auto:nth-last-child(14), | ||
| 609 | + .row.no-gutter .tablet-auto:nth-last-child(14) ~ .tablet-auto { | ||
| 610 | + width: 7.14285714%; | ||
| 611 | + } | ||
| 612 | + .row .tablet-auto:nth-last-child(15), | ||
| 613 | + .row .tablet-auto:nth-last-child(15) ~ .col-auto { | ||
| 614 | + width: 6.66666667%; | ||
| 615 | + width: calc((100% - 15px*14) / 15); | ||
| 616 | + } | ||
| 617 | + .row.no-gutter .tablet-auto:nth-last-child(15), | ||
| 618 | + .row.no-gutter .tablet-auto:nth-last-child(15) ~ .tablet-auto { | ||
| 619 | + width: 6.66666667%; | ||
| 620 | + } | ||
| 621 | +} | ||
| 622 | +.weui-cell__hd img { | ||
| 623 | + display: block; | ||
| 624 | + margin-right: 5px; | ||
| 625 | +} | ||
| 626 | +.weui-cell_swiped .weui-cell__bd { | ||
| 627 | + -webkit-transition: -webkit-transform .3s; | ||
| 628 | + transition: -webkit-transform .3s; | ||
| 629 | + transition: transform .3s; | ||
| 630 | + transition: transform .3s, -webkit-transform .3s; | ||
| 631 | +} | ||
| 632 | +.swipeout-touching .weui-cell__bd { | ||
| 633 | + -webkit-transition: none; | ||
| 634 | + transition: none; | ||
| 635 | +} | ||
| 636 | +.weui-dialog, | ||
| 637 | +.weui-toast { | ||
| 638 | + -webkit-transition-duration: .2s; | ||
| 639 | + transition-duration: .2s; | ||
| 640 | + opacity: 0; | ||
| 641 | + -webkit-transform: translate(-50%, -50%); | ||
| 642 | + transform: translate(-50%, -50%); | ||
| 643 | + -webkit-transform-origin: 0 0; | ||
| 644 | + transform-origin: 0 0; | ||
| 645 | + visibility: hidden; | ||
| 646 | + margin: 0; | ||
| 647 | + top: 45%; | ||
| 648 | + z-index: 2000; | ||
| 649 | +} | ||
| 650 | +.weui-dialog .weui-dialog__btn.default, | ||
| 651 | +.weui-toast .weui-dialog__btn.default { | ||
| 652 | + color: #5f646e; | ||
| 653 | +} | ||
| 654 | +.weui-dialog .weui-dialog__btn + .weui-dialog__btn, | ||
| 655 | +.weui-toast .weui-dialog__btn + .weui-dialog__btn { | ||
| 656 | + position: relative; | ||
| 657 | +} | ||
| 658 | +.weui-dialog .weui-dialog__btn + .weui-dialog__btn:after, | ||
| 659 | +.weui-toast .weui-dialog__btn + .weui-dialog__btn:after { | ||
| 660 | + content: " "; | ||
| 661 | + position: absolute; | ||
| 662 | + left: 0; | ||
| 663 | + top: 0; | ||
| 664 | + width: 1px; | ||
| 665 | + height: 100%; | ||
| 666 | + border-left: 1px solid #D5D5D6; | ||
| 667 | + color: #D5D5D6; | ||
| 668 | + -webkit-transform-origin: 0 0; | ||
| 669 | + transform-origin: 0 0; | ||
| 670 | + -webkit-transform: scaleX(0.5); | ||
| 671 | + transform: scaleX(0.5); | ||
| 672 | +} | ||
| 673 | +.weui-dialog.weui-dialog--visible, | ||
| 674 | +.weui-toast.weui-dialog--visible, | ||
| 675 | +.weui-dialog.weui-toast--visible, | ||
| 676 | +.weui-toast.weui-toast--visible { | ||
| 677 | + opacity: 1; | ||
| 678 | + visibility: visible; | ||
| 679 | +} | ||
| 680 | +.weui-toast_forbidden { | ||
| 681 | + color: #F76260; | ||
| 682 | +} | ||
| 683 | +.weui-toast_cancel .weui-icon-toast:before { | ||
| 684 | + content: "\EA0D"; | ||
| 685 | +} | ||
| 686 | +.weui-toast_forbidden .weui-icon-toast:before { | ||
| 687 | + content: "\EA0B"; | ||
| 688 | + color: #F76260; | ||
| 689 | +} | ||
| 690 | +.weui-toast_text { | ||
| 691 | + min-height: 1em; | ||
| 692 | + width: auto; | ||
| 693 | + height: 45px; | ||
| 694 | + border-radius: 25px; | ||
| 695 | + margin-left: 0; | ||
| 696 | + -webkit-transform: scale(0.9) translate3d(-50%, 0, 0); | ||
| 697 | + transform: scale(0.9) translate3d(-50%, 0, 0); | ||
| 698 | + -webkit-transform-origin: left; | ||
| 699 | + transform-origin: left; | ||
| 700 | +} | ||
| 701 | +.weui-toast_text.weui-toast--visible { | ||
| 702 | + -webkit-transform: scale(1) translate3d(-50%, 0, 0); | ||
| 703 | + transform: scale(1) translate3d(-50%, 0, 0); | ||
| 704 | +} | ||
| 705 | +.weui-toast_text .weui-icon-toast { | ||
| 706 | + display: none; | ||
| 707 | +} | ||
| 708 | +.weui-toast_text .weui-toast_content { | ||
| 709 | + margin: 10px 15px; | ||
| 710 | +} | ||
| 711 | +.weui-mask { | ||
| 712 | + opacity: 0; | ||
| 713 | + -webkit-transition-duration: .3s; | ||
| 714 | + transition-duration: .3s; | ||
| 715 | + visibility: hidden; | ||
| 716 | +} | ||
| 717 | +.weui-mask.weui-mask--visible { | ||
| 718 | + opacity: 1; | ||
| 719 | + visibility: visible; | ||
| 720 | +} | ||
| 721 | +.weui-prompt-input { | ||
| 722 | + padding: 4px 6px; | ||
| 723 | + border: 1px solid #ccc; | ||
| 724 | + box-sizing: border-box; | ||
| 725 | + height: 2em; | ||
| 726 | + width: 80%; | ||
| 727 | + margin-top: 10px; | ||
| 728 | +} | ||
| 729 | +.weui-pull-to-refresh { | ||
| 730 | + margin-top: -50px; | ||
| 731 | + -webkit-transition: -webkit-transform .4s; | ||
| 732 | + transition: -webkit-transform .4s; | ||
| 733 | + transition: transform .4s; | ||
| 734 | + transition: transform .4s, -webkit-transform .4s; | ||
| 735 | +} | ||
| 736 | +.weui-pull-to-refresh.refreshing { | ||
| 737 | + -webkit-transform: translate3d(0, 50px, 0); | ||
| 738 | + transform: translate3d(0, 50px, 0); | ||
| 739 | +} | ||
| 740 | +.weui-pull-to-refresh.touching { | ||
| 741 | + -webkit-transition-duration: 0s; | ||
| 742 | + transition-duration: 0s; | ||
| 743 | +} | ||
| 744 | +.weui-pull-to-refresh__layer { | ||
| 745 | + height: 30px; | ||
| 746 | + line-height: 30px; | ||
| 747 | + padding: 10px; | ||
| 748 | + text-align: center; | ||
| 749 | +} | ||
| 750 | +.weui-pull-to-refresh__layer .down { | ||
| 751 | + display: inline-block; | ||
| 752 | +} | ||
| 753 | +.weui-pull-to-refresh__layer .up, | ||
| 754 | +.weui-pull-to-refresh__layer .refresh { | ||
| 755 | + display: none; | ||
| 756 | +} | ||
| 757 | +.weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow { | ||
| 758 | + display: inline-block; | ||
| 759 | + z-index: 10; | ||
| 760 | + width: 20px; | ||
| 761 | + height: 20px; | ||
| 762 | + margin-right: 4px; | ||
| 763 | + vertical-align: -4px; | ||
| 764 | + background: no-repeat center; | ||
| 765 | + background-size: 13px 20px; | ||
| 766 | + -webkit-transition-duration: 300ms; | ||
| 767 | + transition-duration: 300ms; | ||
| 768 | + -webkit-transform: rotate(0deg) translate3d(0, 0, 0); | ||
| 769 | + transform: rotate(0deg) translate3d(0, 0, 0); | ||
| 770 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2040'%3E%3Cpolygon%20points%3D'9%2C22%209%2C0%2017%2C0%2017%2C22%2026%2C22%2013.5%2C40%200%2C22'%20fill%3D'%238c8c8c'%2F%3E%3C%2Fsvg%3E"); | ||
| 771 | +} | ||
| 772 | +.weui-pull-to-refresh__layer .weui-pull-to-refresh__preloader { | ||
| 773 | + display: none; | ||
| 774 | + vertical-align: -4px; | ||
| 775 | + margin-right: 4px; | ||
| 776 | + width: 20px; | ||
| 777 | + height: 20px; | ||
| 778 | + -webkit-transform-origin: 50%; | ||
| 779 | + transform-origin: 50%; | ||
| 780 | + -webkit-animation: preloader-spin 1s steps(12, end) infinite; | ||
| 781 | + animation: preloader-spin 1s steps(12, end) infinite; | ||
| 782 | +} | ||
| 783 | +.weui-pull-to-refresh__layer .weui-pull-to-refresh__preloader:after { | ||
| 784 | + display: block; | ||
| 785 | + width: 100%; | ||
| 786 | + height: 100%; | ||
| 787 | + content: ""; | ||
| 788 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); | ||
| 789 | + background-repeat: no-repeat; | ||
| 790 | + background-position: 50%; | ||
| 791 | + background-size: 100%; | ||
| 792 | +} | ||
| 793 | +.pull-up .weui-pull-to-refresh__layer .down, | ||
| 794 | +.refreshing .weui-pull-to-refresh__layer .down { | ||
| 795 | + display: none; | ||
| 796 | +} | ||
| 797 | +.pull-up .weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow { | ||
| 798 | + display: inline-block; | ||
| 799 | + -webkit-transform: rotate(180deg) translate3d(0, 0, 0); | ||
| 800 | + transform: rotate(180deg) translate3d(0, 0, 0); | ||
| 801 | +} | ||
| 802 | +.pull-up .weui-pull-to-refresh__layer .up { | ||
| 803 | + display: inline-block; | ||
| 804 | +} | ||
| 805 | +.pull-down .weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow { | ||
| 806 | + display: inline-block; | ||
| 807 | +} | ||
| 808 | +.pull-down .weui-pull-to-refresh__layer .down { | ||
| 809 | + display: inline-block; | ||
| 810 | +} | ||
| 811 | +.refreshing .weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow { | ||
| 812 | + display: none; | ||
| 813 | +} | ||
| 814 | +.refreshing .weui-pull-to-refresh__layer .weui-pull-to-refresh__preloader { | ||
| 815 | + display: inline-block; | ||
| 816 | +} | ||
| 817 | +.refreshing .weui-pull-to-refresh__layer .refresh { | ||
| 818 | + display: inline-block; | ||
| 819 | +} | ||
| 820 | +@keyframes preloader-spin { | ||
| 821 | + 100% { | ||
| 822 | + -webkit-transform: rotate(360deg); | ||
| 823 | + transform: rotate(360deg); | ||
| 824 | + } | ||
| 825 | +} | ||
| 826 | +.weui-tab__bd-item.weui-pull-to-refresh { | ||
| 827 | + position: absolute; | ||
| 828 | + top: 50px; | ||
| 829 | +} | ||
| 830 | +.weui-tabbar__item { | ||
| 831 | + position: relative; | ||
| 832 | +} | ||
| 833 | +.weui-tabbar__item.weui-bar__item--on .weui-tabbar__label { | ||
| 834 | + color: #04BE02; | ||
| 835 | +} | ||
| 836 | +.weui-navbar__item { | ||
| 837 | + color: #888; | ||
| 838 | +} | ||
| 839 | +.weui-navbar__item.weui-bar__item--on { | ||
| 840 | + color: #666; | ||
| 841 | + background-color: #f1f1f1; | ||
| 842 | +} | ||
| 843 | +.weui-tab__bd { | ||
| 844 | + box-sizing: border-box; | ||
| 845 | + height: 100%; | ||
| 846 | +} | ||
| 847 | +.weui-tab__bd .weui-tab__bd-item { | ||
| 848 | + display: none; | ||
| 849 | + height: 100%; | ||
| 850 | + overflow: auto; | ||
| 851 | +} | ||
| 852 | +.weui-tab__bd .weui-tab__bd-item.weui-tab__bd-item--active { | ||
| 853 | + display: block; | ||
| 854 | +} | ||
| 855 | +.weui-navbar + .weui-tab__bd { | ||
| 856 | + padding-top: 50px; | ||
| 857 | +} | ||
| 858 | +.toolbar { | ||
| 859 | + position: relative; | ||
| 860 | + width: 100%; | ||
| 861 | + font-size: .85rem; | ||
| 862 | + line-height: 1.5; | ||
| 863 | + color: #3d4145; | ||
| 864 | + background: #f7f7f8; | ||
| 865 | +} | ||
| 866 | +.toolbar:before { | ||
| 867 | + content: ''; | ||
| 868 | + position: absolute; | ||
| 869 | + left: 0; | ||
| 870 | + top: 0; | ||
| 871 | + bottom: auto; | ||
| 872 | + right: auto; | ||
| 873 | + height: 1px; | ||
| 874 | + width: 100%; | ||
| 875 | + background-color: #d9d9d9; | ||
| 876 | + display: block; | ||
| 877 | + z-index: 15; | ||
| 878 | + -webkit-transform-origin: 50% 0%; | ||
| 879 | + transform-origin: 50% 0%; | ||
| 880 | +} | ||
| 881 | +@media only screen and (-webkit-min-device-pixel-ratio: 2) { | ||
| 882 | + .toolbar:before { | ||
| 883 | + -webkit-transform: scaleY(0.5); | ||
| 884 | + transform: scaleY(0.5); | ||
| 885 | + } | ||
| 886 | +} | ||
| 887 | +@media only screen and (-webkit-min-device-pixel-ratio: 3) { | ||
| 888 | + .toolbar:before { | ||
| 889 | + -webkit-transform: scaleY(0.33); | ||
| 890 | + transform: scaleY(0.33); | ||
| 891 | + } | ||
| 892 | +} | ||
| 893 | +.toolbar .toolbar-inner { | ||
| 894 | + height: 2.2rem; | ||
| 895 | + display: -webkit-box; | ||
| 896 | + display: -ms-flexbox; | ||
| 897 | + display: flex; | ||
| 898 | + text-align: center; | ||
| 899 | +} | ||
| 900 | +.toolbar .title { | ||
| 901 | + position: absolute; | ||
| 902 | + display: block; | ||
| 903 | + width: 100%; | ||
| 904 | + padding: 0; | ||
| 905 | + font-size: .85rem; | ||
| 906 | + font-weight: normal; | ||
| 907 | + line-height: 2.2rem; | ||
| 908 | + color: #3d4145; | ||
| 909 | + text-align: center; | ||
| 910 | + white-space: nowrap; | ||
| 911 | +} | ||
| 912 | +.toolbar .picker-button { | ||
| 913 | + position: absolute; | ||
| 914 | + right: 0; | ||
| 915 | + box-sizing: border-box; | ||
| 916 | + height: 2.2rem; | ||
| 917 | + line-height: 2.2rem; | ||
| 918 | + color: #04BE02; | ||
| 919 | + z-index: 1; | ||
| 920 | + padding: 0 .5rem; | ||
| 921 | +} | ||
| 922 | +/* === Columns Picker === */ | ||
| 923 | +.weui-picker-modal { | ||
| 924 | + width: 100%; | ||
| 925 | + position: absolute; | ||
| 926 | + bottom: 0; | ||
| 927 | + text-align: center; | ||
| 928 | + border-radius: 0; | ||
| 929 | + opacity: 0.6; | ||
| 930 | + color: #3d4145; | ||
| 931 | + -webkit-transition-duration: .3s; | ||
| 932 | + transition-duration: .3s; | ||
| 933 | + height: 13rem; | ||
| 934 | + background: #EFEFF4; | ||
| 935 | + -webkit-transform: translate3d(0, 100%, 0); | ||
| 936 | + transform: translate3d(0, 100%, 0); | ||
| 937 | + -webkit-transition-property: opacity, -webkit-transform; | ||
| 938 | + transition-property: opacity, -webkit-transform; | ||
| 939 | + transition-property: transform, opacity; | ||
| 940 | + transition-property: transform, opacity, -webkit-transform; | ||
| 941 | +} | ||
| 942 | +.weui-picker-modal.picker-modal-inline { | ||
| 943 | + height: 10.8rem; | ||
| 944 | + opacity: 1; | ||
| 945 | + position: static; | ||
| 946 | + -webkit-transform: translate3d(0, 0, 0); | ||
| 947 | + transform: translate3d(0, 0, 0); | ||
| 948 | +} | ||
| 949 | +.weui-picker-modal.picker-modal-inline .toolbar { | ||
| 950 | + display: none; | ||
| 951 | +} | ||
| 952 | +.weui-picker-modal.picker-columns-single .picker-items-col { | ||
| 953 | + width: 100%; | ||
| 954 | +} | ||
| 955 | +.weui-picker-modal.weui-picker-modal-visible { | ||
| 956 | + opacity: 1; | ||
| 957 | + -webkit-transform: translate3d(0, 0, 0); | ||
| 958 | + transform: translate3d(0, 0, 0); | ||
| 959 | +} | ||
| 960 | +.weui-picker-modal .picker-modal-inner { | ||
| 961 | + position: relative; | ||
| 962 | + height: 10.8rem; | ||
| 963 | +} | ||
| 964 | +.weui-picker-modal .picker-columns { | ||
| 965 | + width: 100%; | ||
| 966 | + height: 13rem; | ||
| 967 | + z-index: 11500; | ||
| 968 | +} | ||
| 969 | +.weui-picker-modal .picker-columns.picker-modal-inline, | ||
| 970 | +.popover .weui-picker-modal .picker-columns { | ||
| 971 | + height: 10rem; | ||
| 972 | +} | ||
| 973 | +@media (orientation: landscape) and (max-height: 415px) { | ||
| 974 | + .weui-picker-modal .picker-columns:not(.picker-modal-inline) { | ||
| 975 | + height: 10rem; | ||
| 976 | + } | ||
| 977 | +} | ||
| 978 | +.weui-picker-modal .popover.popover-picker-columns { | ||
| 979 | + width: 14rem; | ||
| 980 | +} | ||
| 981 | +.weui-picker-modal .picker-items { | ||
| 982 | + display: -webkit-box; | ||
| 983 | + display: -ms-flexbox; | ||
| 984 | + display: flex; | ||
| 985 | + -webkit-box-pack: center; | ||
| 986 | + -ms-flex-pack: center; | ||
| 987 | + justify-content: center; | ||
| 988 | + width: 100%; | ||
| 989 | + padding: 0; | ||
| 990 | + text-align: right; | ||
| 991 | + font-size: 1rem; | ||
| 992 | + font-weight: normal; | ||
| 993 | + -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent); | ||
| 994 | + -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent); | ||
| 995 | +} | ||
| 996 | +.weui-picker-modal .bar + .picker-items { | ||
| 997 | + height: 10.8rem; | ||
| 998 | +} | ||
| 999 | +.weui-picker-modal .picker-items-col { | ||
| 1000 | + overflow: hidden; | ||
| 1001 | + position: relative; | ||
| 1002 | + max-height: 100%; | ||
| 1003 | +} | ||
| 1004 | +.weui-picker-modal .picker-items-col.picker-items-col-left { | ||
| 1005 | + text-align: left; | ||
| 1006 | +} | ||
| 1007 | +.weui-picker-modal .picker-items-col.picker-items-col-center { | ||
| 1008 | + text-align: center; | ||
| 1009 | +} | ||
| 1010 | +.weui-picker-modal .picker-items-col.picker-items-col-right { | ||
| 1011 | + text-align: right; | ||
| 1012 | +} | ||
| 1013 | +.weui-picker-modal .picker-items-col.picker-items-col-divider { | ||
| 1014 | + color: #3d4145; | ||
| 1015 | + display: -webkit-box; | ||
| 1016 | + display: -ms-flexbox; | ||
| 1017 | + display: flex; | ||
| 1018 | + -webkit-box-align: center; | ||
| 1019 | + -ms-flex-align: center; | ||
| 1020 | + align-items: center; | ||
| 1021 | +} | ||
| 1022 | +.weui-picker-modal .picker-items-col-wrapper { | ||
| 1023 | + -webkit-transition: 300ms; | ||
| 1024 | + transition: 300ms; | ||
| 1025 | + -webkit-transition-timing-function: ease-out; | ||
| 1026 | + transition-timing-function: ease-out; | ||
| 1027 | +} | ||
| 1028 | +.weui-picker-modal .picker-item { | ||
| 1029 | + height: 32px; | ||
| 1030 | + line-height: 32px; | ||
| 1031 | + padding: 0 10px; | ||
| 1032 | + white-space: nowrap; | ||
| 1033 | + position: relative; | ||
| 1034 | + overflow: hidden; | ||
| 1035 | + text-overflow: ellipsis; | ||
| 1036 | + color: #9b9b9b; | ||
| 1037 | + left: 0; | ||
| 1038 | + top: 0; | ||
| 1039 | + width: 100%; | ||
| 1040 | + box-sizing: border-box; | ||
| 1041 | + -webkit-transition: 300ms; | ||
| 1042 | + transition: 300ms; | ||
| 1043 | +} | ||
| 1044 | +.picker-items-col-absolute .weui-picker-modal .picker-item { | ||
| 1045 | + position: absolute; | ||
| 1046 | +} | ||
| 1047 | +.weui-picker-modal .picker-item.picker-item-far { | ||
| 1048 | + pointer-events: none; | ||
| 1049 | +} | ||
| 1050 | +.weui-picker-modal .picker-item.picker-selected { | ||
| 1051 | + color: #3d4145; | ||
| 1052 | + -webkit-transform: translate3d(0, 0, 0); | ||
| 1053 | + transform: translate3d(0, 0, 0); | ||
| 1054 | + -webkit-transform: rotateX(0deg); | ||
| 1055 | + transform: rotateX(0deg); | ||
| 1056 | +} | ||
| 1057 | +.weui-picker-modal .picker-center-highlight { | ||
| 1058 | + height: 32px; | ||
| 1059 | + box-sizing: border-box; | ||
| 1060 | + position: absolute; | ||
| 1061 | + left: 0; | ||
| 1062 | + width: 100%; | ||
| 1063 | + top: 50%; | ||
| 1064 | + margin-top: -16px; | ||
| 1065 | + pointer-events: none; | ||
| 1066 | +} | ||
| 1067 | +.weui-picker-modal .picker-center-highlight:before { | ||
| 1068 | + content: ''; | ||
| 1069 | + position: absolute; | ||
| 1070 | + left: 0; | ||
| 1071 | + top: 0; | ||
| 1072 | + bottom: auto; | ||
| 1073 | + right: auto; | ||
| 1074 | + height: 1px; | ||
| 1075 | + width: 100%; | ||
| 1076 | + background-color: #D9D9D9; | ||
| 1077 | + display: block; | ||
| 1078 | + z-index: 15; | ||
| 1079 | + -webkit-transform-origin: 50% 0%; | ||
| 1080 | + transform-origin: 50% 0%; | ||
| 1081 | +} | ||
| 1082 | +@media only screen and (-webkit-min-device-pixel-ratio: 2) { | ||
| 1083 | + .weui-picker-modal .picker-center-highlight:before { | ||
| 1084 | + -webkit-transform: scaleY(0.5); | ||
| 1085 | + transform: scaleY(0.5); | ||
| 1086 | + } | ||
| 1087 | +} | ||
| 1088 | +@media only screen and (-webkit-min-device-pixel-ratio: 3) { | ||
| 1089 | + .weui-picker-modal .picker-center-highlight:before { | ||
| 1090 | + -webkit-transform: scaleY(0.33); | ||
| 1091 | + transform: scaleY(0.33); | ||
| 1092 | + } | ||
| 1093 | +} | ||
| 1094 | +.weui-picker-modal .picker-center-highlight:after { | ||
| 1095 | + content: ''; | ||
| 1096 | + position: absolute; | ||
| 1097 | + left: 0; | ||
| 1098 | + bottom: 0; | ||
| 1099 | + right: auto; | ||
| 1100 | + top: auto; | ||
| 1101 | + height: 1px; | ||
| 1102 | + width: 100%; | ||
| 1103 | + background-color: #D9D9D9; | ||
| 1104 | + display: block; | ||
| 1105 | + z-index: 15; | ||
| 1106 | + -webkit-transform-origin: 50% 100%; | ||
| 1107 | + transform-origin: 50% 100%; | ||
| 1108 | +} | ||
| 1109 | +@media only screen and (-webkit-min-device-pixel-ratio: 2) { | ||
| 1110 | + .weui-picker-modal .picker-center-highlight:after { | ||
| 1111 | + -webkit-transform: scaleY(0.5); | ||
| 1112 | + transform: scaleY(0.5); | ||
| 1113 | + } | ||
| 1114 | +} | ||
| 1115 | +@media only screen and (-webkit-min-device-pixel-ratio: 3) { | ||
| 1116 | + .weui-picker-modal .picker-center-highlight:after { | ||
| 1117 | + -webkit-transform: scaleY(0.33); | ||
| 1118 | + transform: scaleY(0.33); | ||
| 1119 | + } | ||
| 1120 | +} | ||
| 1121 | +.weui-picker-modal .picker-3d .picker-items { | ||
| 1122 | + overflow: hidden; | ||
| 1123 | + -webkit-perspective: 1200px; | ||
| 1124 | + perspective: 1200px; | ||
| 1125 | +} | ||
| 1126 | +.weui-picker-modal .picker-3d .picker-items-col, | ||
| 1127 | +.weui-picker-modal .picker-3d .picker-items-col-wrapper, | ||
| 1128 | +.weui-picker-modal .picker-3d .picker-item { | ||
| 1129 | + -webkit-transform-style: preserve-3d; | ||
| 1130 | + transform-style: preserve-3d; | ||
| 1131 | +} | ||
| 1132 | +.weui-picker-modal .picker-3d .picker-items-col { | ||
| 1133 | + overflow: visible; | ||
| 1134 | +} | ||
| 1135 | +.weui-picker-modal .picker-3d .picker-item { | ||
| 1136 | + -webkit-transform-origin: center center -110px; | ||
| 1137 | + transform-origin: center center -110px; | ||
| 1138 | + -webkit-backface-visibility: hidden; | ||
| 1139 | + backface-visibility: hidden; | ||
| 1140 | + -webkit-transition-timing-function: ease-out; | ||
| 1141 | + transition-timing-function: ease-out; | ||
| 1142 | +} | ||
| 1143 | +.weui-picker-overlay, | ||
| 1144 | +.weui-picker-container { | ||
| 1145 | + position: fixed; | ||
| 1146 | + bottom: 0; | ||
| 1147 | + left: 0; | ||
| 1148 | + right: 0; | ||
| 1149 | + height: 0; | ||
| 1150 | + width: 100%; | ||
| 1151 | + z-index: 1000; | ||
| 1152 | +} | ||
| 1153 | +.city-picker .picker-items-col { | ||
| 1154 | + -webkit-box-flex: 1; | ||
| 1155 | + -ms-flex: 1; | ||
| 1156 | + flex: 1; | ||
| 1157 | + max-width: 7rem; | ||
| 1158 | +} | ||
| 1159 | +.weui-picker-container .weui-cells { | ||
| 1160 | + margin: 0; | ||
| 1161 | + text-align: left; | ||
| 1162 | +} | ||
| 1163 | +.datetime-picker .picker-item { | ||
| 1164 | + text-overflow: initial; | ||
| 1165 | +} | ||
| 1166 | +.weui-select-modal { | ||
| 1167 | + height: auto; | ||
| 1168 | +} | ||
| 1169 | +.weui-select-modal .weui-cells { | ||
| 1170 | + margin: 0; | ||
| 1171 | + text-align: left; | ||
| 1172 | + overflow-y: auto; | ||
| 1173 | + overflow-x: hidden; | ||
| 1174 | + max-height: 16rem; | ||
| 1175 | +} | ||
| 1176 | +.weui-select-modal .weui-cells:after { | ||
| 1177 | + display: none; | ||
| 1178 | +} | ||
| 1179 | +/* === Calendar === */ | ||
| 1180 | +.weui-picker-calendar { | ||
| 1181 | + background: #fff; | ||
| 1182 | + height: 15rem; | ||
| 1183 | + width: 100%; | ||
| 1184 | + overflow: hidden; | ||
| 1185 | +} | ||
| 1186 | +.weui-picker-calendar .picker-modal-inner { | ||
| 1187 | + overflow: hidden; | ||
| 1188 | + height: 12.8rem; | ||
| 1189 | +} | ||
| 1190 | +.picker-calendar-week-days { | ||
| 1191 | + height: .9rem; | ||
| 1192 | + background: #f7f7f8; | ||
| 1193 | + display: -webkit-box; | ||
| 1194 | + display: -ms-flexbox; | ||
| 1195 | + display: flex; | ||
| 1196 | + font-size: 11px; | ||
| 1197 | + box-sizing: border-box; | ||
| 1198 | + position: relative; | ||
| 1199 | +} | ||
| 1200 | +.picker-calendar-week-days:after { | ||
| 1201 | + content: ''; | ||
| 1202 | + position: absolute; | ||
| 1203 | + left: 0; | ||
| 1204 | + bottom: 0; | ||
| 1205 | + right: auto; | ||
| 1206 | + top: auto; | ||
| 1207 | + height: 1px; | ||
| 1208 | + width: 100%; | ||
| 1209 | + background-color: #c4c4c4; | ||
| 1210 | + display: block; | ||
| 1211 | + z-index: 15; | ||
| 1212 | + -webkit-transform-origin: 50% 100%; | ||
| 1213 | + transform-origin: 50% 100%; | ||
| 1214 | +} | ||
| 1215 | +@media only screen and (-webkit-min-device-pixel-ratio: 2) { | ||
| 1216 | + .picker-calendar-week-days:after { | ||
| 1217 | + -webkit-transform: scaleY(0.5); | ||
| 1218 | + transform: scaleY(0.5); | ||
| 1219 | + } | ||
| 1220 | +} | ||
| 1221 | +@media only screen and (-webkit-min-device-pixel-ratio: 3) { | ||
| 1222 | + .picker-calendar-week-days:after { | ||
| 1223 | + -webkit-transform: scaleY(0.33); | ||
| 1224 | + transform: scaleY(0.33); | ||
| 1225 | + } | ||
| 1226 | +} | ||
| 1227 | +.picker-calendar-week-days .picker-calendar-week-day { | ||
| 1228 | + -webkit-flex-shrink: 1; | ||
| 1229 | + -ms-flex: 0 1 auto; | ||
| 1230 | + -ms-flex-negative: 1; | ||
| 1231 | + flex-shrink: 1; | ||
| 1232 | + width: 14.28571429%; | ||
| 1233 | + width: calc(100% / 7); | ||
| 1234 | + line-height: 17px; | ||
| 1235 | + text-align: center; | ||
| 1236 | +} | ||
| 1237 | +.picker-calendar-week-days + .picker-calendar-months { | ||
| 1238 | + height: 11.9rem; | ||
| 1239 | +} | ||
| 1240 | +.picker-calendar-months { | ||
| 1241 | + width: 100%; | ||
| 1242 | + height: 100%; | ||
| 1243 | + overflow: hidden; | ||
| 1244 | + position: relative; | ||
| 1245 | +} | ||
| 1246 | +.picker-calendar-months-wrapper { | ||
| 1247 | + position: relative; | ||
| 1248 | + width: 100%; | ||
| 1249 | + height: 100%; | ||
| 1250 | + -webkit-transition: 300ms; | ||
| 1251 | + transition: 300ms; | ||
| 1252 | +} | ||
| 1253 | +.picker-calendar-month { | ||
| 1254 | + display: -webkit-box; | ||
| 1255 | + display: -ms-flexbox; | ||
| 1256 | + display: flex; | ||
| 1257 | + -webkit-box-orient: vertical; | ||
| 1258 | + -ms-flex-direction: column; | ||
| 1259 | + flex-direction: column; | ||
| 1260 | + width: 100%; | ||
| 1261 | + height: 100%; | ||
| 1262 | + position: absolute; | ||
| 1263 | + left: 0; | ||
| 1264 | + top: 0; | ||
| 1265 | +} | ||
| 1266 | +.picker-calendar-row { | ||
| 1267 | + height: 16.66666667%; | ||
| 1268 | + height: calc(100% / 6); | ||
| 1269 | + display: -webkit-box; | ||
| 1270 | + display: -ms-flexbox; | ||
| 1271 | + display: flex; | ||
| 1272 | + -webkit-flex-shrink: 1; | ||
| 1273 | + -ms-flex: 0 1 auto; | ||
| 1274 | + -ms-flex-negative: 1; | ||
| 1275 | + flex-shrink: 1; | ||
| 1276 | + width: 100%; | ||
| 1277 | + position: relative; | ||
| 1278 | +} | ||
| 1279 | +.picker-calendar-row:after { | ||
| 1280 | + content: ''; | ||
| 1281 | + position: absolute; | ||
| 1282 | + left: 0; | ||
| 1283 | + bottom: 0; | ||
| 1284 | + right: auto; | ||
| 1285 | + top: auto; | ||
| 1286 | + height: 1px; | ||
| 1287 | + width: 100%; | ||
| 1288 | + background-color: #ccc; | ||
| 1289 | + display: block; | ||
| 1290 | + z-index: 15; | ||
| 1291 | + -webkit-transform-origin: 50% 100%; | ||
| 1292 | + transform-origin: 50% 100%; | ||
| 1293 | +} | ||
| 1294 | +@media only screen and (-webkit-min-device-pixel-ratio: 2) { | ||
| 1295 | + .picker-calendar-row:after { | ||
| 1296 | + -webkit-transform: scaleY(0.5); | ||
| 1297 | + transform: scaleY(0.5); | ||
| 1298 | + } | ||
| 1299 | +} | ||
| 1300 | +@media only screen and (-webkit-min-device-pixel-ratio: 3) { | ||
| 1301 | + .picker-calendar-row:after { | ||
| 1302 | + -webkit-transform: scaleY(0.33); | ||
| 1303 | + transform: scaleY(0.33); | ||
| 1304 | + } | ||
| 1305 | +} | ||
| 1306 | +.weui-picker-modal .picker-calendar-row:last-child:after { | ||
| 1307 | + display: none; | ||
| 1308 | +} | ||
| 1309 | +.picker-calendar-day { | ||
| 1310 | + -webkit-flex-shrink: 1; | ||
| 1311 | + -ms-flex: 0 1 auto; | ||
| 1312 | + -ms-flex-negative: 1; | ||
| 1313 | + flex-shrink: 1; | ||
| 1314 | + display: -webkit-box; | ||
| 1315 | + display: -ms-flexbox; | ||
| 1316 | + display: flex; | ||
| 1317 | + -webkit-box-pack: center; | ||
| 1318 | + -ms-flex-pack: center; | ||
| 1319 | + justify-content: center; | ||
| 1320 | + -webkit-box-align: center; | ||
| 1321 | + -ms-flex-align: center; | ||
| 1322 | + align-items: center; | ||
| 1323 | + box-sizing: border-box; | ||
| 1324 | + width: 14.28571429%; | ||
| 1325 | + width: calc(100% / 7); | ||
| 1326 | + text-align: center; | ||
| 1327 | + color: #3d4145; | ||
| 1328 | + font-size: 15px; | ||
| 1329 | + cursor: pointer; | ||
| 1330 | +} | ||
| 1331 | +.picker-calendar-day.picker-calendar-day-prev, | ||
| 1332 | +.picker-calendar-day.picker-calendar-day-next { | ||
| 1333 | + color: #ccc; | ||
| 1334 | +} | ||
| 1335 | +.picker-calendar-day.picker-calendar-day-disabled { | ||
| 1336 | + color: #d4d4d4; | ||
| 1337 | + cursor: auto; | ||
| 1338 | +} | ||
| 1339 | +.picker-calendar-day.picker-calendar-day-today span { | ||
| 1340 | + background: #e3e3e3; | ||
| 1341 | +} | ||
| 1342 | +.picker-calendar-day.picker-calendar-day-selected span { | ||
| 1343 | + background: #04BE02; | ||
| 1344 | + color: #fff; | ||
| 1345 | +} | ||
| 1346 | +.picker-calendar-day span { | ||
| 1347 | + display: inline-block; | ||
| 1348 | + border-radius: 100%; | ||
| 1349 | + width: 30px; | ||
| 1350 | + height: 30px; | ||
| 1351 | + line-height: 30px; | ||
| 1352 | +} | ||
| 1353 | +.picker-calendar-month-picker, | ||
| 1354 | +.picker-calendar-year-picker { | ||
| 1355 | + display: -webkit-box; | ||
| 1356 | + display: -ms-flexbox; | ||
| 1357 | + display: flex; | ||
| 1358 | + -webkit-box-align: center; | ||
| 1359 | + -ms-flex-align: center; | ||
| 1360 | + align-items: center; | ||
| 1361 | + -webkit-box-pack: justify; | ||
| 1362 | + -ms-flex-pack: justify; | ||
| 1363 | + justify-content: space-between; | ||
| 1364 | + width: 50%; | ||
| 1365 | + max-width: 200px; | ||
| 1366 | + -webkit-flex-shrink: 10; | ||
| 1367 | + -ms-flex: 0 10 auto; | ||
| 1368 | + -ms-flex-negative: 10; | ||
| 1369 | + flex-shrink: 10; | ||
| 1370 | +} | ||
| 1371 | +.picker-calendar-month-picker a.icon-only, | ||
| 1372 | +.picker-calendar-year-picker a.icon-only { | ||
| 1373 | + min-width: 36px; | ||
| 1374 | +} | ||
| 1375 | +.picker-calendar-month-picker span, | ||
| 1376 | +.picker-calendar-year-picker span { | ||
| 1377 | + -webkit-flex-shrink: 1; | ||
| 1378 | + -ms-flex: 0 1 auto; | ||
| 1379 | + -ms-flex-negative: 1; | ||
| 1380 | + flex-shrink: 1; | ||
| 1381 | + position: relative; | ||
| 1382 | + overflow: hidden; | ||
| 1383 | + text-overflow: ellipsis; | ||
| 1384 | +} | ||
| 1385 | +.popover .picker-calendar .picker-calendar-week-days, | ||
| 1386 | +.picker-calendar.picker-modal-inline .picker-calendar-week-days { | ||
| 1387 | + background: none; | ||
| 1388 | +} | ||
| 1389 | +.popover .picker-calendar .toolbar:before, | ||
| 1390 | +.picker-calendar.picker-modal-inline .toolbar:before, | ||
| 1391 | +.popover .picker-calendar .picker-calendar-week-days:before, | ||
| 1392 | +.picker-calendar.picker-modal-inline .picker-calendar-week-days:before { | ||
| 1393 | + display: none; | ||
| 1394 | +} | ||
| 1395 | +.popover .picker-calendar .toolbar:after, | ||
| 1396 | +.picker-calendar.picker-modal-inline .toolbar:after, | ||
| 1397 | +.popover .picker-calendar .picker-calendar-week-days:after, | ||
| 1398 | +.picker-calendar.picker-modal-inline .picker-calendar-week-days:after { | ||
| 1399 | + display: none; | ||
| 1400 | +} | ||
| 1401 | +.popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before, | ||
| 1402 | +.picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before, | ||
| 1403 | +.popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before, | ||
| 1404 | +.picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before { | ||
| 1405 | + content: ''; | ||
| 1406 | + position: absolute; | ||
| 1407 | + left: 0; | ||
| 1408 | + top: 0; | ||
| 1409 | + bottom: auto; | ||
| 1410 | + right: auto; | ||
| 1411 | + height: 1px; | ||
| 1412 | + width: 100%; | ||
| 1413 | + background-color: #c4c4c4; | ||
| 1414 | + display: block; | ||
| 1415 | + z-index: 15; | ||
| 1416 | + -webkit-transform-origin: 50% 0%; | ||
| 1417 | + transform-origin: 50% 0%; | ||
| 1418 | +} | ||
| 1419 | +@media only screen and (-webkit-min-device-pixel-ratio: 2) { | ||
| 1420 | + .popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before, | ||
| 1421 | + .picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before, | ||
| 1422 | + .popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before, | ||
| 1423 | + .picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before { | ||
| 1424 | + -webkit-transform: scaleY(0.5); | ||
| 1425 | + transform: scaleY(0.5); | ||
| 1426 | + } | ||
| 1427 | +} | ||
| 1428 | +@media only screen and (-webkit-min-device-pixel-ratio: 3) { | ||
| 1429 | + .popover .picker-calendar .toolbar ~ .picker-modal-inner .picker-calendar-months:before, | ||
| 1430 | + .picker-calendar.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before, | ||
| 1431 | + .popover .picker-calendar .picker-calendar-week-days ~ .picker-calendar-months:before, | ||
| 1432 | + .picker-calendar.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before { | ||
| 1433 | + -webkit-transform: scaleY(0.33); | ||
| 1434 | + transform: scaleY(0.33); | ||
| 1435 | + } | ||
| 1436 | +} | ||
| 1437 | +.picker-calendar-month-picker, | ||
| 1438 | +.picker-calendar-year-picker { | ||
| 1439 | + display: block; | ||
| 1440 | + line-height: 2.2rem; | ||
| 1441 | + -webkit-box-flex: 1; | ||
| 1442 | + -ms-flex: 1; | ||
| 1443 | + flex: 1; | ||
| 1444 | +} | ||
| 1445 | +.picker-calendar-month-picker a.icon-only, | ||
| 1446 | +.picker-calendar-year-picker a.icon-only { | ||
| 1447 | + float: left; | ||
| 1448 | + width: 25%; | ||
| 1449 | + height: 2.2rem; | ||
| 1450 | + line-height: 2rem; | ||
| 1451 | +} | ||
| 1452 | +.picker-calendar-month-picker .current-month-value, | ||
| 1453 | +.picker-calendar-year-picker .current-month-value, | ||
| 1454 | +.picker-calendar-month-picker .current-year-value, | ||
| 1455 | +.picker-calendar-year-picker .current-year-value { | ||
| 1456 | + float: left; | ||
| 1457 | + width: 50%; | ||
| 1458 | + height: 2.2rem; | ||
| 1459 | +} | ||
| 1460 | +i.icon { | ||
| 1461 | + display: inline-block; | ||
| 1462 | + vertical-align: middle; | ||
| 1463 | + background-size: 100% auto; | ||
| 1464 | + background-position: center; | ||
| 1465 | + background-repeat: no-repeat; | ||
| 1466 | + font-style: normal; | ||
| 1467 | + position: relative; | ||
| 1468 | +} | ||
| 1469 | +i.icon.icon-next, | ||
| 1470 | +i.icon.icon-prev { | ||
| 1471 | + width: 0.75rem; | ||
| 1472 | + height: 0.75rem; | ||
| 1473 | +} | ||
| 1474 | +i.icon.icon-next { | ||
| 1475 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%2304BE02'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); | ||
| 1476 | +} | ||
| 1477 | +i.icon.icon-prev { | ||
| 1478 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%2304BE02'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); | ||
| 1479 | +} | ||
| 1480 | +/** | ||
| 1481 | + * Swiper 3.3.1 | ||
| 1482 | + * Most modern mobile touch slider and framework with hardware accelerated transitions | ||
| 1483 | + * | ||
| 1484 | + * http://www.idangero.us/swiper/ | ||
| 1485 | + * | ||
| 1486 | + * Copyright 2016, Vladimir Kharlampidi | ||
| 1487 | + * The iDangero.us | ||
| 1488 | + * http://www.idangero.us/ | ||
| 1489 | + * | ||
| 1490 | + * Licensed under MIT | ||
| 1491 | + * | ||
| 1492 | + * Released on: February 7, 2016 | ||
| 1493 | + */ | ||
| 1494 | +.swiper-container { | ||
| 1495 | + margin: 0 auto; | ||
| 1496 | + position: relative; | ||
| 1497 | + overflow: hidden; | ||
| 1498 | + /* Fix of Webkit flickering */ | ||
| 1499 | + z-index: 1; | ||
| 1500 | +} | ||
| 1501 | +.swiper-container-no-flexbox .swiper-slide { | ||
| 1502 | + float: left; | ||
| 1503 | +} | ||
| 1504 | +.swiper-container-vertical > .swiper-wrapper { | ||
| 1505 | + -webkit-box-orient: vertical; | ||
| 1506 | + -ms-flex-direction: column; | ||
| 1507 | + flex-direction: column; | ||
| 1508 | +} | ||
| 1509 | +.swiper-wrapper { | ||
| 1510 | + position: relative; | ||
| 1511 | + width: 100%; | ||
| 1512 | + height: 100%; | ||
| 1513 | + z-index: 1; | ||
| 1514 | + display: -webkit-box; | ||
| 1515 | + display: -ms-flexbox; | ||
| 1516 | + display: flex; | ||
| 1517 | + -webkit-transition-property: -webkit-transform; | ||
| 1518 | + transition-property: -webkit-transform; | ||
| 1519 | + transition-property: transform; | ||
| 1520 | + transition-property: transform, -webkit-transform; | ||
| 1521 | + box-sizing: content-box; | ||
| 1522 | +} | ||
| 1523 | +.swiper-container-android .swiper-slide, | ||
| 1524 | +.swiper-wrapper { | ||
| 1525 | + -webkit-transform: translate3d(0px, 0, 0); | ||
| 1526 | + transform: translate3d(0px, 0, 0); | ||
| 1527 | +} | ||
| 1528 | +.swiper-container-multirow > .swiper-wrapper { | ||
| 1529 | + -webkit-box-lines: multiple; | ||
| 1530 | + -moz-box-lines: multiple; | ||
| 1531 | + -ms-flex-wrap: wrap; | ||
| 1532 | + flex-wrap: wrap; | ||
| 1533 | +} | ||
| 1534 | +.swiper-container-free-mode > .swiper-wrapper { | ||
| 1535 | + -webkit-transition-timing-function: ease-out; | ||
| 1536 | + transition-timing-function: ease-out; | ||
| 1537 | + margin: 0 auto; | ||
| 1538 | +} | ||
| 1539 | +.swiper-slide { | ||
| 1540 | + -webkit-flex-shrink: 0; | ||
| 1541 | + -ms-flex: 0 0 auto; | ||
| 1542 | + -ms-flex-negative: 0; | ||
| 1543 | + flex-shrink: 0; | ||
| 1544 | + width: 100%; | ||
| 1545 | + height: 100%; | ||
| 1546 | + position: relative; | ||
| 1547 | +} | ||
| 1548 | +/* Auto Height */ | ||
| 1549 | +.swiper-container-autoheight, | ||
| 1550 | +.swiper-container-autoheight .swiper-slide { | ||
| 1551 | + height: auto; | ||
| 1552 | +} | ||
| 1553 | +.swiper-container-autoheight .swiper-wrapper { | ||
| 1554 | + -webkit-box-align: start; | ||
| 1555 | + -ms-flex-align: start; | ||
| 1556 | + align-items: flex-start; | ||
| 1557 | + -webkit-transition-property: -webkit-transform, height; | ||
| 1558 | + -webkit-transition-property: height, -webkit-transform; | ||
| 1559 | + transition-property: height, -webkit-transform; | ||
| 1560 | + transition-property: transform, height; | ||
| 1561 | + transition-property: transform, height, -webkit-transform; | ||
| 1562 | +} | ||
| 1563 | +/* a11y */ | ||
| 1564 | +.swiper-container .swiper-notification { | ||
| 1565 | + position: absolute; | ||
| 1566 | + left: 0; | ||
| 1567 | + top: 0; | ||
| 1568 | + pointer-events: none; | ||
| 1569 | + opacity: 0; | ||
| 1570 | + z-index: -1000; | ||
| 1571 | +} | ||
| 1572 | +/* IE10 Windows Phone 8 Fixes */ | ||
| 1573 | +.swiper-wp8-horizontal { | ||
| 1574 | + -ms-touch-action: pan-y; | ||
| 1575 | + touch-action: pan-y; | ||
| 1576 | +} | ||
| 1577 | +.swiper-wp8-vertical { | ||
| 1578 | + -ms-touch-action: pan-x; | ||
| 1579 | + touch-action: pan-x; | ||
| 1580 | +} | ||
| 1581 | +/* Arrows */ | ||
| 1582 | +.swiper-button-prev, | ||
| 1583 | +.swiper-button-next { | ||
| 1584 | + position: absolute; | ||
| 1585 | + top: 50%; | ||
| 1586 | + width: 27px; | ||
| 1587 | + height: 44px; | ||
| 1588 | + margin-top: -22px; | ||
| 1589 | + z-index: 10; | ||
| 1590 | + cursor: pointer; | ||
| 1591 | + background-size: 27px 44px; | ||
| 1592 | + background-position: center; | ||
| 1593 | + background-repeat: no-repeat; | ||
| 1594 | +} | ||
| 1595 | +.swiper-button-prev.swiper-button-disabled, | ||
| 1596 | +.swiper-button-next.swiper-button-disabled { | ||
| 1597 | + opacity: 0.35; | ||
| 1598 | + cursor: auto; | ||
| 1599 | + pointer-events: none; | ||
| 1600 | +} | ||
| 1601 | +.swiper-button-prev, | ||
| 1602 | +.swiper-container-rtl .swiper-button-next { | ||
| 1603 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); | ||
| 1604 | + left: 10px; | ||
| 1605 | + right: auto; | ||
| 1606 | +} | ||
| 1607 | +.swiper-button-prev.swiper-button-black, | ||
| 1608 | +.swiper-container-rtl .swiper-button-next.swiper-button-black { | ||
| 1609 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); | ||
| 1610 | +} | ||
| 1611 | +.swiper-button-prev.swiper-button-white, | ||
| 1612 | +.swiper-container-rtl .swiper-button-next.swiper-button-white { | ||
| 1613 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); | ||
| 1614 | +} | ||
| 1615 | +.swiper-button-next, | ||
| 1616 | +.swiper-container-rtl .swiper-button-prev { | ||
| 1617 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); | ||
| 1618 | + right: 10px; | ||
| 1619 | + left: auto; | ||
| 1620 | +} | ||
| 1621 | +.swiper-button-next.swiper-button-black, | ||
| 1622 | +.swiper-container-rtl .swiper-button-prev.swiper-button-black { | ||
| 1623 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); | ||
| 1624 | +} | ||
| 1625 | +.swiper-button-next.swiper-button-white, | ||
| 1626 | +.swiper-container-rtl .swiper-button-prev.swiper-button-white { | ||
| 1627 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); | ||
| 1628 | +} | ||
| 1629 | +/* Pagination Styles */ | ||
| 1630 | +.swiper-pagination { | ||
| 1631 | + position: absolute; | ||
| 1632 | + text-align: center; | ||
| 1633 | + -webkit-transition: 300ms; | ||
| 1634 | + transition: 300ms; | ||
| 1635 | + -webkit-transform: translate3d(0, 0, 0); | ||
| 1636 | + transform: translate3d(0, 0, 0); | ||
| 1637 | + z-index: 10; | ||
| 1638 | +} | ||
| 1639 | +.swiper-pagination.swiper-pagination-hidden { | ||
| 1640 | + opacity: 0; | ||
| 1641 | +} | ||
| 1642 | +/* Common Styles */ | ||
| 1643 | +.swiper-pagination-fraction, | ||
| 1644 | +.swiper-pagination-custom, | ||
| 1645 | +.swiper-container-horizontal > .swiper-pagination-bullets { | ||
| 1646 | + bottom: 10px; | ||
| 1647 | + left: 0; | ||
| 1648 | + width: 100%; | ||
| 1649 | +} | ||
| 1650 | +/* Bullets */ | ||
| 1651 | +.swiper-pagination-bullet { | ||
| 1652 | + width: 8px; | ||
| 1653 | + height: 8px; | ||
| 1654 | + display: inline-block; | ||
| 1655 | + border-radius: 100%; | ||
| 1656 | + background: #000; | ||
| 1657 | + opacity: 0.2; | ||
| 1658 | +} | ||
| 1659 | +button.swiper-pagination-bullet { | ||
| 1660 | + border: none; | ||
| 1661 | + margin: 0; | ||
| 1662 | + padding: 0; | ||
| 1663 | + box-shadow: none; | ||
| 1664 | + -moz-appearance: none; | ||
| 1665 | + -ms-appearance: none; | ||
| 1666 | + -webkit-appearance: none; | ||
| 1667 | + appearance: none; | ||
| 1668 | +} | ||
| 1669 | +.swiper-pagination-clickable .swiper-pagination-bullet { | ||
| 1670 | + cursor: pointer; | ||
| 1671 | +} | ||
| 1672 | +.swiper-pagination-white .swiper-pagination-bullet { | ||
| 1673 | + background: #fff; | ||
| 1674 | +} | ||
| 1675 | +.swiper-pagination-bullet-active { | ||
| 1676 | + opacity: 1; | ||
| 1677 | + background: #04BE02; | ||
| 1678 | +} | ||
| 1679 | +.swiper-pagination-white .swiper-pagination-bullet-active { | ||
| 1680 | + background: #fff; | ||
| 1681 | +} | ||
| 1682 | +.swiper-pagination-black .swiper-pagination-bullet-active { | ||
| 1683 | + background: #000; | ||
| 1684 | +} | ||
| 1685 | +.swiper-container-vertical > .swiper-pagination-bullets { | ||
| 1686 | + right: 10px; | ||
| 1687 | + top: 50%; | ||
| 1688 | + -webkit-transform: translate3d(0px, -50%, 0); | ||
| 1689 | + transform: translate3d(0px, -50%, 0); | ||
| 1690 | +} | ||
| 1691 | +.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { | ||
| 1692 | + margin: 5px 0; | ||
| 1693 | + display: block; | ||
| 1694 | +} | ||
| 1695 | +.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { | ||
| 1696 | + margin: 0 5px; | ||
| 1697 | +} | ||
| 1698 | +/* Progress */ | ||
| 1699 | +.swiper-pagination-progress { | ||
| 1700 | + background: rgba(0, 0, 0, 0.25); | ||
| 1701 | + position: absolute; | ||
| 1702 | +} | ||
| 1703 | +.swiper-pagination-progress .swiper-pagination-progressbar { | ||
| 1704 | + background: #007aff; | ||
| 1705 | + position: absolute; | ||
| 1706 | + left: 0; | ||
| 1707 | + top: 0; | ||
| 1708 | + width: 100%; | ||
| 1709 | + height: 100%; | ||
| 1710 | + -webkit-transform: scale(0); | ||
| 1711 | + transform: scale(0); | ||
| 1712 | + -webkit-transform-origin: left top; | ||
| 1713 | + transform-origin: left top; | ||
| 1714 | +} | ||
| 1715 | +.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { | ||
| 1716 | + -webkit-transform-origin: right top; | ||
| 1717 | + transform-origin: right top; | ||
| 1718 | +} | ||
| 1719 | +.swiper-container-horizontal > .swiper-pagination-progress { | ||
| 1720 | + width: 100%; | ||
| 1721 | + height: 4px; | ||
| 1722 | + left: 0; | ||
| 1723 | + top: 0; | ||
| 1724 | +} | ||
| 1725 | +.swiper-container-vertical > .swiper-pagination-progress { | ||
| 1726 | + width: 4px; | ||
| 1727 | + height: 100%; | ||
| 1728 | + left: 0; | ||
| 1729 | + top: 0; | ||
| 1730 | +} | ||
| 1731 | +.swiper-pagination-progress.swiper-pagination-white { | ||
| 1732 | + background: rgba(255, 255, 255, 0.5); | ||
| 1733 | +} | ||
| 1734 | +.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { | ||
| 1735 | + background: #fff; | ||
| 1736 | +} | ||
| 1737 | +.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { | ||
| 1738 | + background: #000; | ||
| 1739 | +} | ||
| 1740 | +/* 3D Container */ | ||
| 1741 | +.swiper-container-3d { | ||
| 1742 | + -webkit-perspective: 1200px; | ||
| 1743 | + -o-perspective: 1200px; | ||
| 1744 | + perspective: 1200px; | ||
| 1745 | +} | ||
| 1746 | +.swiper-container-3d .swiper-wrapper, | ||
| 1747 | +.swiper-container-3d .swiper-slide, | ||
| 1748 | +.swiper-container-3d .swiper-slide-shadow-left, | ||
| 1749 | +.swiper-container-3d .swiper-slide-shadow-right, | ||
| 1750 | +.swiper-container-3d .swiper-slide-shadow-top, | ||
| 1751 | +.swiper-container-3d .swiper-slide-shadow-bottom, | ||
| 1752 | +.swiper-container-3d .swiper-cube-shadow { | ||
| 1753 | + -webkit-transform-style: preserve-3d; | ||
| 1754 | + transform-style: preserve-3d; | ||
| 1755 | +} | ||
| 1756 | +.swiper-container-3d .swiper-slide-shadow-left, | ||
| 1757 | +.swiper-container-3d .swiper-slide-shadow-right, | ||
| 1758 | +.swiper-container-3d .swiper-slide-shadow-top, | ||
| 1759 | +.swiper-container-3d .swiper-slide-shadow-bottom { | ||
| 1760 | + position: absolute; | ||
| 1761 | + left: 0; | ||
| 1762 | + top: 0; | ||
| 1763 | + width: 100%; | ||
| 1764 | + height: 100%; | ||
| 1765 | + pointer-events: none; | ||
| 1766 | + z-index: 10; | ||
| 1767 | +} | ||
| 1768 | +.swiper-container-3d .swiper-slide-shadow-left { | ||
| 1769 | + background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); | ||
| 1770 | + /* Safari 4+, Chrome */ | ||
| 1771 | + background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
| 1772 | + /* Chrome 10+, Safari 5.1+, iOS 5+ */ | ||
| 1773 | + /* Firefox 3.6-15 */ | ||
| 1774 | + /* Opera 11.10-12.00 */ | ||
| 1775 | + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
| 1776 | + /* Firefox 16+, IE10, Opera 12.50+ */ | ||
| 1777 | +} | ||
| 1778 | +.swiper-container-3d .swiper-slide-shadow-right { | ||
| 1779 | + background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); | ||
| 1780 | + /* Safari 4+, Chrome */ | ||
| 1781 | + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
| 1782 | + /* Chrome 10+, Safari 5.1+, iOS 5+ */ | ||
| 1783 | + /* Firefox 3.6-15 */ | ||
| 1784 | + /* Opera 11.10-12.00 */ | ||
| 1785 | + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
| 1786 | + /* Firefox 16+, IE10, Opera 12.50+ */ | ||
| 1787 | +} | ||
| 1788 | +.swiper-container-3d .swiper-slide-shadow-top { | ||
| 1789 | + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); | ||
| 1790 | + /* Safari 4+, Chrome */ | ||
| 1791 | + background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
| 1792 | + /* Chrome 10+, Safari 5.1+, iOS 5+ */ | ||
| 1793 | + /* Firefox 3.6-15 */ | ||
| 1794 | + /* Opera 11.10-12.00 */ | ||
| 1795 | + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
| 1796 | + /* Firefox 16+, IE10, Opera 12.50+ */ | ||
| 1797 | +} | ||
| 1798 | +.swiper-container-3d .swiper-slide-shadow-bottom { | ||
| 1799 | + background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); | ||
| 1800 | + /* Safari 4+, Chrome */ | ||
| 1801 | + background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
| 1802 | + /* Chrome 10+, Safari 5.1+, iOS 5+ */ | ||
| 1803 | + /* Firefox 3.6-15 */ | ||
| 1804 | + /* Opera 11.10-12.00 */ | ||
| 1805 | + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); | ||
| 1806 | + /* Firefox 16+, IE10, Opera 12.50+ */ | ||
| 1807 | +} | ||
| 1808 | +/* Coverflow */ | ||
| 1809 | +.swiper-container-coverflow .swiper-wrapper, | ||
| 1810 | +.swiper-container-flip .swiper-wrapper { | ||
| 1811 | + /* Windows 8 IE 10 fix */ | ||
| 1812 | + -ms-perspective: 1200px; | ||
| 1813 | +} | ||
| 1814 | +/* Cube + Flip */ | ||
| 1815 | +.swiper-container-cube, | ||
| 1816 | +.swiper-container-flip { | ||
| 1817 | + overflow: visible; | ||
| 1818 | +} | ||
| 1819 | +.swiper-container-cube .swiper-slide, | ||
| 1820 | +.swiper-container-flip .swiper-slide { | ||
| 1821 | + pointer-events: none; | ||
| 1822 | + -webkit-backface-visibility: hidden; | ||
| 1823 | + backface-visibility: hidden; | ||
| 1824 | + z-index: 1; | ||
| 1825 | +} | ||
| 1826 | +.swiper-container-cube .swiper-slide .swiper-slide, | ||
| 1827 | +.swiper-container-flip .swiper-slide .swiper-slide { | ||
| 1828 | + pointer-events: none; | ||
| 1829 | +} | ||
| 1830 | +.swiper-container-cube .swiper-slide-active, | ||
| 1831 | +.swiper-container-flip .swiper-slide-active, | ||
| 1832 | +.swiper-container-cube .swiper-slide-active .swiper-slide-active, | ||
| 1833 | +.swiper-container-flip .swiper-slide-active .swiper-slide-active { | ||
| 1834 | + pointer-events: auto; | ||
| 1835 | +} | ||
| 1836 | +.swiper-container-cube .swiper-slide-shadow-top, | ||
| 1837 | +.swiper-container-flip .swiper-slide-shadow-top, | ||
| 1838 | +.swiper-container-cube .swiper-slide-shadow-bottom, | ||
| 1839 | +.swiper-container-flip .swiper-slide-shadow-bottom, | ||
| 1840 | +.swiper-container-cube .swiper-slide-shadow-left, | ||
| 1841 | +.swiper-container-flip .swiper-slide-shadow-left, | ||
| 1842 | +.swiper-container-cube .swiper-slide-shadow-right, | ||
| 1843 | +.swiper-container-flip .swiper-slide-shadow-right { | ||
| 1844 | + z-index: 0; | ||
| 1845 | + -webkit-backface-visibility: hidden; | ||
| 1846 | + backface-visibility: hidden; | ||
| 1847 | +} | ||
| 1848 | +/* Cube */ | ||
| 1849 | +.swiper-container-cube .swiper-slide { | ||
| 1850 | + visibility: hidden; | ||
| 1851 | + -webkit-transform-origin: 0 0; | ||
| 1852 | + transform-origin: 0 0; | ||
| 1853 | + width: 100%; | ||
| 1854 | + height: 100%; | ||
| 1855 | +} | ||
| 1856 | +.swiper-container-cube.swiper-container-rtl .swiper-slide { | ||
| 1857 | + -webkit-transform-origin: 100% 0; | ||
| 1858 | + transform-origin: 100% 0; | ||
| 1859 | +} | ||
| 1860 | +.swiper-container-cube .swiper-slide-active, | ||
| 1861 | +.swiper-container-cube .swiper-slide-next, | ||
| 1862 | +.swiper-container-cube .swiper-slide-prev, | ||
| 1863 | +.swiper-container-cube .swiper-slide-next + .swiper-slide { | ||
| 1864 | + pointer-events: auto; | ||
| 1865 | + visibility: visible; | ||
| 1866 | +} | ||
| 1867 | +.swiper-container-cube .swiper-cube-shadow { | ||
| 1868 | + position: absolute; | ||
| 1869 | + left: 0; | ||
| 1870 | + bottom: 0px; | ||
| 1871 | + width: 100%; | ||
| 1872 | + height: 100%; | ||
| 1873 | + background: #000; | ||
| 1874 | + opacity: 0.6; | ||
| 1875 | + -webkit-filter: blur(50px); | ||
| 1876 | + filter: blur(50px); | ||
| 1877 | + z-index: 0; | ||
| 1878 | +} | ||
| 1879 | +/* Fade */ | ||
| 1880 | +.swiper-container-fade.swiper-container-free-mode .swiper-slide { | ||
| 1881 | + -webkit-transition-timing-function: ease-out; | ||
| 1882 | + transition-timing-function: ease-out; | ||
| 1883 | +} | ||
| 1884 | +.swiper-container-fade .swiper-slide { | ||
| 1885 | + pointer-events: none; | ||
| 1886 | + -webkit-transition-property: opacity; | ||
| 1887 | + transition-property: opacity; | ||
| 1888 | +} | ||
| 1889 | +.swiper-container-fade .swiper-slide .swiper-slide { | ||
| 1890 | + pointer-events: none; | ||
| 1891 | +} | ||
| 1892 | +.swiper-container-fade .swiper-slide-active, | ||
| 1893 | +.swiper-container-fade .swiper-slide-active .swiper-slide-active { | ||
| 1894 | + pointer-events: auto; | ||
| 1895 | +} | ||
| 1896 | +/* Scrollbar */ | ||
| 1897 | +.swiper-scrollbar { | ||
| 1898 | + border-radius: 10px; | ||
| 1899 | + position: relative; | ||
| 1900 | + -ms-touch-action: none; | ||
| 1901 | + background: rgba(0, 0, 0, 0.1); | ||
| 1902 | +} | ||
| 1903 | +.swiper-container-horizontal > .swiper-scrollbar { | ||
| 1904 | + position: absolute; | ||
| 1905 | + left: 1%; | ||
| 1906 | + bottom: 3px; | ||
| 1907 | + z-index: 50; | ||
| 1908 | + height: 5px; | ||
| 1909 | + width: 98%; | ||
| 1910 | +} | ||
| 1911 | +.swiper-container-vertical > .swiper-scrollbar { | ||
| 1912 | + position: absolute; | ||
| 1913 | + right: 3px; | ||
| 1914 | + top: 1%; | ||
| 1915 | + z-index: 50; | ||
| 1916 | + width: 5px; | ||
| 1917 | + height: 98%; | ||
| 1918 | +} | ||
| 1919 | +.swiper-scrollbar-drag { | ||
| 1920 | + height: 100%; | ||
| 1921 | + width: 100%; | ||
| 1922 | + position: relative; | ||
| 1923 | + background: rgba(0, 0, 0, 0.5); | ||
| 1924 | + border-radius: 10px; | ||
| 1925 | + left: 0; | ||
| 1926 | + top: 0; | ||
| 1927 | +} | ||
| 1928 | +.swiper-scrollbar-cursor-drag { | ||
| 1929 | + cursor: move; | ||
| 1930 | +} | ||
| 1931 | +/* Preloader */ | ||
| 1932 | +.swiper-lazy-preloader { | ||
| 1933 | + width: 42px; | ||
| 1934 | + height: 42px; | ||
| 1935 | + position: absolute; | ||
| 1936 | + left: 50%; | ||
| 1937 | + top: 50%; | ||
| 1938 | + margin-left: -21px; | ||
| 1939 | + margin-top: -21px; | ||
| 1940 | + z-index: 10; | ||
| 1941 | + -webkit-transform-origin: 50%; | ||
| 1942 | + transform-origin: 50%; | ||
| 1943 | + -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; | ||
| 1944 | + animation: swiper-preloader-spin 1s steps(12, end) infinite; | ||
| 1945 | +} | ||
| 1946 | +.swiper-lazy-preloader:after { | ||
| 1947 | + display: block; | ||
| 1948 | + content: ""; | ||
| 1949 | + width: 100%; | ||
| 1950 | + height: 100%; | ||
| 1951 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); | ||
| 1952 | + background-position: 50%; | ||
| 1953 | + background-size: 100%; | ||
| 1954 | + background-repeat: no-repeat; | ||
| 1955 | +} | ||
| 1956 | +.swiper-lazy-preloader-white:after { | ||
| 1957 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); | ||
| 1958 | +} | ||
| 1959 | +@-webkit-keyframes swiper-preloader-spin { | ||
| 1960 | + 100% { | ||
| 1961 | + -webkit-transform: rotate(360deg); | ||
| 1962 | + } | ||
| 1963 | +} | ||
| 1964 | +@keyframes swiper-preloader-spin { | ||
| 1965 | + 100% { | ||
| 1966 | + -webkit-transform: rotate(360deg); | ||
| 1967 | + transform: rotate(360deg); | ||
| 1968 | + } | ||
| 1969 | +} | ||
| 1970 | +.weui-actionsheet { | ||
| 1971 | + z-index: 10000; | ||
| 1972 | +} | ||
| 1973 | +.weui-popup__overlay, | ||
| 1974 | +.weui-popup__container { | ||
| 1975 | + position: fixed; | ||
| 1976 | + bottom: 0; | ||
| 1977 | + left: 0; | ||
| 1978 | + right: 0; | ||
| 1979 | + height: 0; | ||
| 1980 | + width: 100%; | ||
| 1981 | + height: 100%; | ||
| 1982 | + z-index: 10; | ||
| 1983 | +} | ||
| 1984 | +.weui-popup__overlay { | ||
| 1985 | + background-color: rgba(0, 0, 0, 0.6); | ||
| 1986 | + opacity: 0; | ||
| 1987 | + -webkit-transition: opacity .3s; | ||
| 1988 | + transition: opacity .3s; | ||
| 1989 | +} | ||
| 1990 | +.weui-popup__container { | ||
| 1991 | + display: none; | ||
| 1992 | +} | ||
| 1993 | +.weui-popup__container.weui-popup__container--visible { | ||
| 1994 | + display: block; | ||
| 1995 | +} | ||
| 1996 | +.weui-popup__container .weui-cells { | ||
| 1997 | + margin: 0; | ||
| 1998 | + text-align: left; | ||
| 1999 | +} | ||
| 2000 | +.weui-popup__modal { | ||
| 2001 | + width: 100%; | ||
| 2002 | + position: absolute; | ||
| 2003 | + z-index: 100; | ||
| 2004 | + bottom: 0; | ||
| 2005 | + border-radius: 0; | ||
| 2006 | + opacity: 0.6; | ||
| 2007 | + color: #3d4145; | ||
| 2008 | + -webkit-transition-duration: .3s; | ||
| 2009 | + transition-duration: .3s; | ||
| 2010 | + height: 100%; | ||
| 2011 | + background: #EFEFF4; | ||
| 2012 | + -webkit-transform: translate3d(0, 100%, 0); | ||
| 2013 | + transform: translate3d(0, 100%, 0); | ||
| 2014 | + -webkit-transition-property: opacity, -webkit-transform; | ||
| 2015 | + transition-property: opacity, -webkit-transform; | ||
| 2016 | + transition-property: transform, opacity; | ||
| 2017 | + transition-property: transform, opacity, -webkit-transform; | ||
| 2018 | + overflow-x: hidden; | ||
| 2019 | + overflow-y: auto; | ||
| 2020 | +} | ||
| 2021 | +.popup-bottom .weui-popup__modal { | ||
| 2022 | + height: auto; | ||
| 2023 | +} | ||
| 2024 | +.weui-popup__modal .toolbar { | ||
| 2025 | + position: absolute; | ||
| 2026 | + left: 0; | ||
| 2027 | + top: 0; | ||
| 2028 | + right: 0; | ||
| 2029 | + z-index: 1; | ||
| 2030 | +} | ||
| 2031 | +.weui-popup__modal .modal-content { | ||
| 2032 | + height: 100%; | ||
| 2033 | + padding-top: 2.2rem; | ||
| 2034 | + overflow: auto; | ||
| 2035 | + box-sizing: border-box; | ||
| 2036 | +} | ||
| 2037 | +.weui-popup__container--visible .weui-popup__overlay { | ||
| 2038 | + opacity: 1; | ||
| 2039 | +} | ||
| 2040 | +.weui-popup__container--visible .weui-popup__modal { | ||
| 2041 | + opacity: 1; | ||
| 2042 | + -webkit-transform: translate3d(0, 0, 0); | ||
| 2043 | + transform: translate3d(0, 0, 0); | ||
| 2044 | +} | ||
| 2045 | +.weui-notification { | ||
| 2046 | + position: fixed; | ||
| 2047 | + width: 100%; | ||
| 2048 | + min-height: 3.4rem; | ||
| 2049 | + top: -2rem; | ||
| 2050 | + padding-top: 2rem; | ||
| 2051 | + left: 0; | ||
| 2052 | + right: 0; | ||
| 2053 | + z-index: 9999; | ||
| 2054 | + background-color: rgba(0, 0, 0, 0.85); | ||
| 2055 | + color: white; | ||
| 2056 | + font-size: .65rem; | ||
| 2057 | + -webkit-transform: translate3d(0, -100%, 0); | ||
| 2058 | + transform: translate3d(0, -100%, 0); | ||
| 2059 | + -webkit-transition: .4s; | ||
| 2060 | + transition: .4s; | ||
| 2061 | +} | ||
| 2062 | +.weui-notification.weui-notification--in { | ||
| 2063 | + -webkit-transform: translate3d(0, 0, 0); | ||
| 2064 | + transform: translate3d(0, 0, 0); | ||
| 2065 | +} | ||
| 2066 | +.weui-notification.weui-notification--touching { | ||
| 2067 | + -webkit-transition-duration: 0s; | ||
| 2068 | + transition-duration: 0s; | ||
| 2069 | +} | ||
| 2070 | +.weui-notification .weui-notification__inner { | ||
| 2071 | + padding: .4rem .6rem 1rem .6rem; | ||
| 2072 | + display: -webkit-box; | ||
| 2073 | + display: -ms-flexbox; | ||
| 2074 | + display: flex; | ||
| 2075 | + -webkit-box-align: start; | ||
| 2076 | + -ms-flex-align: start; | ||
| 2077 | + align-items: flex-start; | ||
| 2078 | +} | ||
| 2079 | +.weui-notification .weui-notification__content { | ||
| 2080 | + width: 100%; | ||
| 2081 | + margin: 0rem .4rem; | ||
| 2082 | +} | ||
| 2083 | +.weui-notification .weui-notification__title { | ||
| 2084 | + font-weight: bold; | ||
| 2085 | +} | ||
| 2086 | +.weui-notification .weui-notification__text { | ||
| 2087 | + line-height: 1; | ||
| 2088 | +} | ||
| 2089 | +.weui-notification .weui-notification__media { | ||
| 2090 | + height: 1rem; | ||
| 2091 | + width: 1rem; | ||
| 2092 | +} | ||
| 2093 | +.weui-notification .weui-notification__media img { | ||
| 2094 | + width: 100%; | ||
| 2095 | +} | ||
| 2096 | +.weui-notification .weui-notification__handle-bar { | ||
| 2097 | + position: absolute; | ||
| 2098 | + bottom: .2rem; | ||
| 2099 | + left: 50%; | ||
| 2100 | + -webkit-transform: translate3d(-50%, 0, 0); | ||
| 2101 | + transform: translate3d(-50%, 0, 0); | ||
| 2102 | + width: 2rem; | ||
| 2103 | + height: .3rem; | ||
| 2104 | + border-radius: .15rem; | ||
| 2105 | + background: white; | ||
| 2106 | + opacity: .5; | ||
| 2107 | +} | ||
| 2108 | +.weui-photo-browser-modal { | ||
| 2109 | + position: fixed; | ||
| 2110 | + top: 0; | ||
| 2111 | + left: 0; | ||
| 2112 | + right: 0; | ||
| 2113 | + bottom: 0; | ||
| 2114 | + background: black; | ||
| 2115 | + display: none; | ||
| 2116 | + opacity: 0; | ||
| 2117 | + -webkit-transition: opacity .3s; | ||
| 2118 | + transition: opacity .3s; | ||
| 2119 | +} | ||
| 2120 | +.weui-photo-browser-modal.weui-photo-browser-modal-visible { | ||
| 2121 | + opacity: 1; | ||
| 2122 | +} | ||
| 2123 | +.weui-photo-browser-modal .swiper-container { | ||
| 2124 | + height: 100%; | ||
| 2125 | + -webkit-transform: scale(0.2); | ||
| 2126 | + transform: scale(0.2); | ||
| 2127 | + -webkit-transition: -webkit-transform .5s; | ||
| 2128 | + transition: -webkit-transform .5s; | ||
| 2129 | + transition: transform .5s; | ||
| 2130 | + transition: transform .5s, -webkit-transform .5s; | ||
| 2131 | +} | ||
| 2132 | +.weui-photo-browser-modal .swiper-container .swiper-pagination-bullet { | ||
| 2133 | + background: white; | ||
| 2134 | + visibility: hidden; | ||
| 2135 | +} | ||
| 2136 | +.weui-photo-browser-modal .swiper-container.swiper-container-visible { | ||
| 2137 | + -webkit-transform: scale(1); | ||
| 2138 | + transform: scale(1); | ||
| 2139 | +} | ||
| 2140 | +.weui-photo-browser-modal .swiper-container.swiper-container-visible .swiper-pagination-bullet { | ||
| 2141 | + visibility: visible; | ||
| 2142 | + -webkit-transition-property: visibility; | ||
| 2143 | + transition-property: visibility; | ||
| 2144 | + -webkit-transition-delay: .5s; | ||
| 2145 | + transition-delay: .5s; | ||
| 2146 | +} | ||
| 2147 | +.weui-photo-browser-modal .swiper-container .swiper-pagination { | ||
| 2148 | + bottom: 10px; | ||
| 2149 | + left: 0; | ||
| 2150 | + width: 100%; | ||
| 2151 | +} | ||
| 2152 | +.weui-photo-browser-modal .photo-container { | ||
| 2153 | + height: 100%; | ||
| 2154 | + display: -webkit-box; | ||
| 2155 | + display: -ms-flexbox; | ||
| 2156 | + display: flex; | ||
| 2157 | + -webkit-box-align: center; | ||
| 2158 | + -ms-flex-align: center; | ||
| 2159 | + align-items: center; | ||
| 2160 | + -webkit-box-pack: center; | ||
| 2161 | + -ms-flex-pack: center; | ||
| 2162 | + justify-content: center; | ||
| 2163 | + overflow: hidden; | ||
| 2164 | +} | ||
| 2165 | +.weui-photo-browser-modal .photo-container img { | ||
| 2166 | + max-width: 100%; | ||
| 2167 | + margin-top: -30px; | ||
| 2168 | +} | ||
| 2169 | +.weui-photo-browser-modal .caption { | ||
| 2170 | + position: absolute; | ||
| 2171 | + bottom: 40px; | ||
| 2172 | + left: 0; | ||
| 2173 | + right: 0; | ||
| 2174 | + color: white; | ||
| 2175 | + text-align: center; | ||
| 2176 | + padding: 0 12px; | ||
| 2177 | + min-height: 3rem; | ||
| 2178 | + font-size: 14px; | ||
| 2179 | + z-index: 10; | ||
| 2180 | + -webkit-transition: opacity .3s; | ||
| 2181 | + transition: opacity .3s; | ||
| 2182 | + -webkit-transition-delay: .5s; | ||
| 2183 | + transition-delay: .5s; | ||
| 2184 | + opacity: 0; | ||
| 2185 | +} | ||
| 2186 | +.weui-photo-browser-modal .caption .caption-item { | ||
| 2187 | + display: none; | ||
| 2188 | + opacity: 0; | ||
| 2189 | + -webkit-transition: opacity .15s; | ||
| 2190 | + transition: opacity .15s; | ||
| 2191 | +} | ||
| 2192 | +.weui-photo-browser-modal .caption .caption-item.active { | ||
| 2193 | + display: block; | ||
| 2194 | + opacity: 1; | ||
| 2195 | +} | ||
| 2196 | +.weui-photo-browser-modal .swiper-container-visible .caption { | ||
| 2197 | + opacity: 1; | ||
| 2198 | +} | ||
| 2199 | +.color-primary { | ||
| 2200 | + color: #04BE02; | ||
| 2201 | +} | ||
| 2202 | +.color-danger, | ||
| 2203 | +.color-error { | ||
| 2204 | + color: #f6383a; | ||
| 2205 | +} | ||
| 2206 | +.color-warning { | ||
| 2207 | + color: #f60; | ||
| 2208 | +} | ||
| 2209 | +.color-success { | ||
| 2210 | + color: #4cd964; | ||
| 2211 | +} | ||
| 2212 | +.bg-primary, | ||
| 2213 | +.bg-success, | ||
| 2214 | +.bg-danger, | ||
| 2215 | +.bg-error, | ||
| 2216 | +.bg-warning { | ||
| 2217 | + color: white; | ||
| 2218 | +} | ||
| 2219 | +.bg-primary { | ||
| 2220 | + background-color: #04BE02; | ||
| 2221 | +} | ||
| 2222 | +.bg-danger, | ||
| 2223 | +.bg-error { | ||
| 2224 | + background-color: #f6383a; | ||
| 2225 | +} | ||
| 2226 | +.bg-warning { | ||
| 2227 | + background-color: #f60; | ||
| 2228 | +} | ||
| 2229 | +.bg-success { | ||
| 2230 | + background-color: #4cd964; | ||
| 2231 | +} | ||
| 2232 | +.weui-toptips { | ||
| 2233 | + z-index: 100; | ||
| 2234 | + opacity: 0; | ||
| 2235 | + -webkit-transition: opacity .3s; | ||
| 2236 | + transition: opacity .3s; | ||
| 2237 | +} | ||
| 2238 | +.weui-toptips.weui-toptips_visible { | ||
| 2239 | + opacity: 1; | ||
| 2240 | +} | ||
| 2241 | +.weui-icon_toast { | ||
| 2242 | + font-size: 55px; | ||
| 2243 | + color: white; | ||
| 2244 | + margin-bottom: 6px; | ||
| 2245 | +} | ||
| 2246 | +.weui-toast--forbidden .weui-icon_toast { | ||
| 2247 | + color: #f6383a; | ||
| 2248 | +} | ||
| 2249 | +.weui-toast--text { | ||
| 2250 | + min-height: initial; | ||
| 2251 | + font-size: 18px; | ||
| 2252 | + padding: 8px 16px; | ||
| 2253 | + width: auto; | ||
| 2254 | + top: 40%; | ||
| 2255 | +} | ||
| 2256 | +.weui-toast--text .weui-icon_toast { | ||
| 2257 | + display: none; | ||
| 2258 | +} | ||
| 2259 | +.weui-count { | ||
| 2260 | + display: inline-block; | ||
| 2261 | + height: 25px; | ||
| 2262 | + line-height: 25px; | ||
| 2263 | +} | ||
| 2264 | +.weui-count .weui-count__btn { | ||
| 2265 | + height: 21px; | ||
| 2266 | + width: 21px; | ||
| 2267 | + line-height: 21px; | ||
| 2268 | + display: inline-block; | ||
| 2269 | + position: relative; | ||
| 2270 | + border: 1px solid #04BE02; | ||
| 2271 | + border-radius: 50%; | ||
| 2272 | + vertical-align: -6px; | ||
| 2273 | +} | ||
| 2274 | +.weui-count .weui-count__btn:after, | ||
| 2275 | +.weui-count .weui-count__btn:before { | ||
| 2276 | + content: " "; | ||
| 2277 | + position: absolute; | ||
| 2278 | + height: 1px; | ||
| 2279 | + width: 11px; | ||
| 2280 | + background-color: #04BE02; | ||
| 2281 | + left: 50%; | ||
| 2282 | + top: 50%; | ||
| 2283 | + margin-left: -5.5px; | ||
| 2284 | +} | ||
| 2285 | +.weui-count .weui-count__btn:after { | ||
| 2286 | + height: 11px; | ||
| 2287 | + width: 1px; | ||
| 2288 | + margin-top: -5.5px; | ||
| 2289 | + margin-left: -1px; | ||
| 2290 | +} | ||
| 2291 | +.weui-count .weui-count__decrease:after { | ||
| 2292 | + display: none; | ||
| 2293 | +} | ||
| 2294 | +.weui-count .weui-count__increase { | ||
| 2295 | + background-color: #04BE02; | ||
| 2296 | +} | ||
| 2297 | +.weui-count .weui-count__increase:after, | ||
| 2298 | +.weui-count .weui-count__increase:before { | ||
| 2299 | + background-color: white; | ||
| 2300 | +} | ||
| 2301 | +.weui-count .weui-count__number { | ||
| 2302 | + background-color: transparent; | ||
| 2303 | + font-size: .8rem; | ||
| 2304 | + border: 0; | ||
| 2305 | + width: 1.3rem; | ||
| 2306 | + text-align: center; | ||
| 2307 | + color: #5f646e; | ||
| 2308 | +} | ||
| 2309 | +.weui-panel .weui-media-box__title-after { | ||
| 2310 | + color: #9b9b9b; | ||
| 2311 | + font-size: .65rem; | ||
| 2312 | + float: right; | ||
| 2313 | +} |
assets/js/demo.js
0 → 100644
| 1 | +/** | ||
| 2 | + * jeDate 演示 | ||
| 3 | + */ | ||
| 4 | + var enLang = { | ||
| 5 | + name : "en", | ||
| 6 | + month : ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"], | ||
| 7 | + weeks : [ "SUN","MON","TUR","WED","THU","FRI","SAT" ], | ||
| 8 | + times : ["Hour","Minute","Second"], | ||
| 9 | + timetxt: ["Time","Start Time","End Time"], | ||
| 10 | + backtxt:"Back", | ||
| 11 | + clear : "Clear", | ||
| 12 | + today : "Now", | ||
| 13 | + yes : "Confirm", | ||
| 14 | + close : "Close" | ||
| 15 | + } | ||
| 16 | + //常规选择 | ||
| 17 | + // jeDate("#test01",{ | ||
| 18 | + // //festival:true, | ||
| 19 | + // //multiPane:false, | ||
| 20 | + // format: "YYYY" | ||
| 21 | + // }); | ||
| 22 | + // | ||
| 23 | + // jeDate("#test02",{ | ||
| 24 | + // format: "YYYY-MM" | ||
| 25 | + // }); | ||
| 26 | + // | ||
| 27 | + // jeDate("#test03",{ | ||
| 28 | + // //onClose:false, | ||
| 29 | + // | ||
| 30 | + // format: "MM-DD-YYYY" | ||
| 31 | + // }); | ||
| 32 | + jeDate("#test04",{ | ||
| 33 | + festival:true, | ||
| 34 | + minDate:"1900-01-01", //最小日期 | ||
| 35 | + maxDate:"2099-12-31", //最大日期 | ||
| 36 | + method:{ | ||
| 37 | + choose:function (params) { | ||
| 38 | + | ||
| 39 | + } | ||
| 40 | + }, | ||
| 41 | + format: "YYYY-MM-DD hh:mm:ss" | ||
| 42 | + }); | ||
| 43 | + | ||
| 44 | + | ||
| 45 | + // var jds = jeDate("#test05",{ | ||
| 46 | + // minDate:"01:02:08", //最小日期 | ||
| 47 | + // maxDate:"15:25:35", //最大日期 | ||
| 48 | + // format: "hh:mm:ss" | ||
| 49 | + // }); | ||
| 50 | + console.log(jds) | ||
| 51 | + //英文语言 | ||
| 52 | + // jeDate("#enYMD",{ | ||
| 53 | + // language:enLang, | ||
| 54 | + // format: "YYYY-MM-DD" | ||
| 55 | + // }); | ||
| 56 | + // jeDate("#enYMDhms",{ | ||
| 57 | + // language:enLang, | ||
| 58 | + // format: "YYYY-MM-DD hh:mm:ss" | ||
| 59 | + // }); | ||
| 60 | + // jeDate("#enhms",{ | ||
| 61 | + // language:enLang, | ||
| 62 | + // format: "hh:mm:ss" | ||
| 63 | + // }); | ||
| 64 | + | ||
| 65 | + //自定义主题色 | ||
| 66 | + // jeDate("#testblue",{ | ||
| 67 | + // theme:{bgcolor:"#00A1CB",pnColor:"#00CCFF"}, | ||
| 68 | + // multiPane:false, | ||
| 69 | + // range:" ~ ", | ||
| 70 | + // format: "YYYY-MM-DD hh:mm:ss" | ||
| 71 | + // }); | ||
| 72 | + // jeDate("#testgray",{ | ||
| 73 | + // theme:{bgcolor:"#00A680",pnColor:"#00DDAA"}, | ||
| 74 | + // multiPane:false, | ||
| 75 | + // range:" ~ ", | ||
| 76 | + // format: "YYYY-MM-DD hh:mm:ss" | ||
| 77 | + // }); | ||
| 78 | + // jeDate("#testred",{ | ||
| 79 | + // theme:{bgcolor:"#D91600",pnColor:"#FF6653"}, | ||
| 80 | + // multiPane:false, | ||
| 81 | + // range:" ~ ", | ||
| 82 | + // format: "YYYY-MM-DD hh:mm:ss" | ||
| 83 | + // }); | ||
| 84 | + // | ||
| 85 | + // //区域范围选择 | ||
| 86 | + // jeDate("#test06",{ | ||
| 87 | + // format: "YYYY", | ||
| 88 | + // range:" ~ " | ||
| 89 | + // }); | ||
| 90 | + // jeDate("#test07",{ | ||
| 91 | + // format: "YYYY-MM", | ||
| 92 | + // range:" To " | ||
| 93 | + // }); | ||
| 94 | + // jeDate("#test08",{ | ||
| 95 | + // format: "YYYY-MM-DD", | ||
| 96 | + // range:" 至 " | ||
| 97 | + // }); | ||
| 98 | + | ||
| 99 | + | ||
| 100 | + //区域范围双面板选择 | ||
| 101 | + // var jd = jeDate("#test09",{ | ||
| 102 | + // format: "YYYY", | ||
| 103 | + // multiPane:false, | ||
| 104 | + // range:" ~ " | ||
| 105 | + // }); | ||
| 106 | + // jeDate("#test10",{ | ||
| 107 | + // format: "YYYY-MM", | ||
| 108 | + // multiPane:false, | ||
| 109 | + // range:" To " | ||
| 110 | + // }); | ||
| 111 | + // jeDate("#test11",{ | ||
| 112 | + // format: "YYYY-MM-DD", | ||
| 113 | + // multiPane:false, | ||
| 114 | + // range:" 至 " | ||
| 115 | + // }); | ||
| 116 | + // jeDate("#test11A",{ | ||
| 117 | + // format: "YYYY-MM-DD hh:mm:ss", | ||
| 118 | + // multiPane:false, | ||
| 119 | + // range:" 至 " | ||
| 120 | + // }); | ||
| 121 | + // jeDate("#test11B",{ | ||
| 122 | + // minDate:"03:02:04", //最小日期 | ||
| 123 | + // maxDate:"14:30:45", | ||
| 124 | + // format: "hh:mm:ss", | ||
| 125 | + // multiPane:false, | ||
| 126 | + // range:" 至 " | ||
| 127 | + // }); | ||
| 128 | + // jeDate("#test11C",{ | ||
| 129 | + // format: "hh:mm", | ||
| 130 | + // multiPane:false, | ||
| 131 | + // range:" 至 " | ||
| 132 | + // }); | ||
| 133 | + | ||
| 134 | + //自定义格式选择 | ||
| 135 | + // jeDate("#test12",{ | ||
| 136 | + // format: "YYYY年MM月DD日" | ||
| 137 | + // }); | ||
| 138 | + // jeDate("#test13",{ | ||
| 139 | + // format: "MM-DD-YYYY" | ||
| 140 | + // }); | ||
| 141 | + // jeDate("#test14",{ | ||
| 142 | + // format: "DD/MM/YYYY" | ||
| 143 | + // }); | ||
| 144 | + | ||
| 145 | + //一次绑定多个选择 | ||
| 146 | + // var jel = document.querySelectorAll(".moredate"); | ||
| 147 | + // for(var j=0;j<jel.length;j++){ | ||
| 148 | + // var mat = jel[j].getAttribute("placeholder"); | ||
| 149 | + // jeDate(jel[j],{ | ||
| 150 | + // format: mat | ||
| 151 | + // }); | ||
| 152 | + // } | ||
| 153 | + // | ||
| 154 | + // //一次绑定多个选择DIV类型 | ||
| 155 | + // var divel = document.querySelectorAll(".divmore"); | ||
| 156 | + // for(var j=0;j<divel.length;j++){ | ||
| 157 | + // var divmat = divel[j].getAttribute("placeholder"); | ||
| 158 | + // jeDate(divel[j],{ | ||
| 159 | + // format: divmat | ||
| 160 | + // }); | ||
| 161 | + // } | ||
| 162 | + // | ||
| 163 | + // //左边多类选择 | ||
| 164 | + // jeDate("#short",{ | ||
| 165 | + // format:"YYYY-MM-DD", | ||
| 166 | + // shortcut:[ | ||
| 167 | + // {name:"一周",val:{DD:7}}, | ||
| 168 | + // {name:"一个月",val:{DD:30}}, | ||
| 169 | + // {name:"二个月",val:{MM:2}}, | ||
| 170 | + // {name:"三个月",val:{MM:3}}, | ||
| 171 | + // {name:"一年",val:{DD:365}} | ||
| 172 | + // ], | ||
| 173 | + // donefun:function (obj) { | ||
| 174 | + // //alert(jeDate.getLunar(obj.date[0]).cW); | ||
| 175 | + // } | ||
| 176 | + // }); | ||
| 177 | + // jeDate("#shortboth",{ | ||
| 178 | + // format:"YYYY-MM-DD", | ||
| 179 | + // isinitVal: true, | ||
| 180 | + // range:" TO ", | ||
| 181 | + // multiPane:false, | ||
| 182 | + // shortcut:[ | ||
| 183 | + // {name:"一周",val:{DD:7}}, | ||
| 184 | + // {name:"一个月",val:{DD:30}}, | ||
| 185 | + // {name:"二个月",val:{MM:2}}, | ||
| 186 | + // {name:"三个月",val:{MM:3}}, | ||
| 187 | + // {name:"一年",val:{DD:365}} | ||
| 188 | + // ], | ||
| 189 | + // donefun:function (obj) { | ||
| 190 | + // //var bs = {yy:123,dd:789} | ||
| 191 | + // console.log(jeDate.extend({yy:123,dd:789},{yy:"you",aa:456})) | ||
| 192 | + // //alert(jeDate.getLunar(obj.date[0]).cW); | ||
| 193 | + // } | ||
| 194 | + // }); | ||
| 195 | + // | ||
| 196 | + // //YYYYMMDD格式 | ||
| 197 | + // jeDate("#dateymd",{ | ||
| 198 | + // format: "YYYYMMDD" | ||
| 199 | + // }); | ||
| 200 | + // jeDate("#dateymdboth",{ | ||
| 201 | + // format: "YYYYMMDD", | ||
| 202 | + // multiPane:false, | ||
| 203 | + // range:" 至 " | ||
| 204 | + // }); | ||
| 205 | + // | ||
| 206 | + // | ||
| 207 | + // //其它功能展示选择 | ||
| 208 | + // jeDate("#test15",{ | ||
| 209 | + // format: "YYYY-MM-DD", | ||
| 210 | + // isinitVal: true | ||
| 211 | + // }); | ||
| 212 | + // jeDate("#test16",{ | ||
| 213 | + // format: "YYYY-MM-DD", | ||
| 214 | + // donefun:function (obj) { | ||
| 215 | + // alert('你选择的日期是：' + obj.val) | ||
| 216 | + // } | ||
| 217 | + // }); | ||
| 218 | + // jeDate("#test17",{ | ||
| 219 | + // format: "YYYY-MM-DD", | ||
| 220 | + // toggle:function (obj) { | ||
| 221 | + // alert('你选择的日期是：' + obj.val + '\n\n获得的对象是' + JSON.stringify(obj.date)); | ||
| 222 | + // } | ||
| 223 | + // }); | ||
| 224 | + // jeDate("#test18",{ | ||
| 225 | + // trigger:"dblclick", | ||
| 226 | + // format: "YYYY-MM-DD" | ||
| 227 | + // }); | ||
| 228 | + // var custom = jeDate("#test19",{ | ||
| 229 | + // format: "YYYY-MM-DD" | ||
| 230 | + // }).setValue("2018-09-01"); | ||
| 231 | + // //或者 custom.setValue("2018-09-01"); | ||
| 232 | + // | ||
| 233 | + // //有效、无效日期限制 | ||
| 234 | + // jeDate("#test20",{ | ||
| 235 | + // valiDate:["0[4-7]$,1[1-5]$,2[58]$",true], | ||
| 236 | + // format: "YYYY年MM月DD日" | ||
| 237 | + // }); | ||
| 238 | + // jeDate("#test21",{ | ||
| 239 | + // valiDate:["0[4-7]$,1[1-5]$,2[58]$",false], | ||
| 240 | + // format: "YYYY年MM月DD日" | ||
| 241 | + // }); | ||
| 242 | + // jeDate("#test22",{ | ||
| 243 | + // valiDate:["1$,3$,6$,9$",true], | ||
| 244 | + // format: "YYYY年MM月DD日" | ||
| 245 | + // }); | ||
| 246 | + // jeDate("#test23",{ | ||
| 247 | + // valiDate:["1$,3$,6$,9$",false], | ||
| 248 | + // format: "YYYY年MM月DD日" | ||
| 249 | + // }); | ||
| 250 | + // jeDate("#test24",{ | ||
| 251 | + // valiDate:["%1,%3,%6,%9,%12,%15,%25",true], | ||
| 252 | + // format: "YYYY年MM月DD日" | ||
| 253 | + // }); | ||
| 254 | + // jeDate("#test25",{ | ||
| 255 | + // valiDate:["%1,%3,%6,%9,%12,%15,%25",false], | ||
| 256 | + // format: "YYYY年MM月DD日" | ||
| 257 | + // }); | ||
| 258 | + // | ||
| 259 | + // //直接展示日历 | ||
| 260 | + // jeDate("#show01",{ | ||
| 261 | + // isShow:false, | ||
| 262 | + // format: "YYYY-MM-DD hh:mm:ss" | ||
| 263 | + // }); | ||
| 264 | + // jeDate("#show02",{ | ||
| 265 | + // isShow:false, | ||
| 266 | + // format: "YYYY-MM" | ||
| 267 | + // }); | ||
| 268 | + // jeDate("#show03",{ | ||
| 269 | + // isShow:false, | ||
| 270 | + // format: "YYYY" | ||
| 271 | + // }); | ||
| 272 | + // jeDate("#show04",{ | ||
| 273 | + // isShow:false, | ||
| 274 | + // format: "hh:mm:ss" | ||
| 275 | + // }); | ||
| 276 | + | ||
| 277 | + |
assets/js/demo1.js
0 → 100644
| 1 | +/** | ||
| 2 | + * jeDate 演示 | ||
| 3 | + */ | ||
| 4 | + var enLang = { | ||
| 5 | + name : "en", | ||
| 6 | + month : ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"], | ||
| 7 | + weeks : [ "SUN","MON","TUR","WED","THU","FRI","SAT" ], | ||
| 8 | + times : ["Hour","Minute","Second"], | ||
| 9 | + timetxt: ["Time","Start Time","End Time"], | ||
| 10 | + backtxt:"Back", | ||
| 11 | + clear : "Clear", | ||
| 12 | + today : "Now", | ||
| 13 | + yes : "Confirm", | ||
| 14 | + close : "Close" | ||
| 15 | + } | ||
| 16 | + //常规选择 | ||
| 17 | + // jeDate("#test01",{ | ||
| 18 | + // //festival:true, | ||
| 19 | + // //multiPane:false, | ||
| 20 | + // format: "YYYY" | ||
| 21 | + // }); | ||
| 22 | + // | ||
| 23 | + // jeDate("#test02",{ | ||
| 24 | + // format: "YYYY-MM" | ||
| 25 | + // }); | ||
| 26 | + // | ||
| 27 | + // jeDate("#test03",{ | ||
| 28 | + // //onClose:false, | ||
| 29 | + // | ||
| 30 | + // format: "MM-DD-YYYY" | ||
| 31 | + // }); | ||
| 32 | + jeDate("#test04",{ | ||
| 33 | + festival:true, | ||
| 34 | + minDate:"1900-01-01", //最小日期 | ||
| 35 | + maxDate:"2099-12-31", //最大日期 | ||
| 36 | + method:{ | ||
| 37 | + choose:function (params) { | ||
| 38 | + | ||
| 39 | + } | ||
| 40 | + }, | ||
| 41 | + format: "YYYY-MM-DD hh:mm:ss" | ||
| 42 | + }); | ||
| 43 | + | ||
| 44 | + | ||
| 45 | + // var jds = jeDate("#test05",{ | ||
| 46 | + // minDate:"01:02:08", //最小日期 | ||
| 47 | + // maxDate:"15:25:35", //最大日期 | ||
| 48 | + // format: "hh:mm:ss" | ||
| 49 | + // }); | ||
| 50 | + console.log(jds) | ||
| 51 | + //英文语言 | ||
| 52 | + // jeDate("#enYMD",{ | ||
| 53 | + // language:enLang, | ||
| 54 | + // format: "YYYY-MM-DD" | ||
| 55 | + // }); | ||
| 56 | + // jeDate("#enYMDhms",{ | ||
| 57 | + // language:enLang, | ||
| 58 | + // format: "YYYY-MM-DD hh:mm:ss" | ||
| 59 | + // }); | ||
| 60 | + // jeDate("#enhms",{ | ||
| 61 | + // language:enLang, | ||
| 62 | + // format: "hh:mm:ss" | ||
| 63 | + // }); | ||
| 64 | + | ||
| 65 | + //自定义主题色 | ||
| 66 | + // jeDate("#testblue",{ | ||
| 67 | + // theme:{bgcolor:"#00A1CB",pnColor:"#00CCFF"}, | ||
| 68 | + // multiPane:false, | ||
| 69 | + // range:" ~ ", | ||
| 70 | + // format: "YYYY-MM-DD hh:mm:ss" | ||
| 71 | + // }); | ||
| 72 | + // jeDate("#testgray",{ | ||
| 73 | + // theme:{bgcolor:"#00A680",pnColor:"#00DDAA"}, | ||
| 74 | + // multiPane:false, | ||
| 75 | + // range:" ~ ", | ||
| 76 | + // format: "YYYY-MM-DD hh:mm:ss" | ||
| 77 | + // }); | ||
| 78 | + // jeDate("#testred",{ | ||
| 79 | + // theme:{bgcolor:"#D91600",pnColor:"#FF6653"}, | ||
| 80 | + // multiPane:false, | ||
| 81 | + // range:" ~ ", | ||
| 82 | + // format: "YYYY-MM-DD hh:mm:ss" | ||
| 83 | + // }); | ||
| 84 | + // | ||
| 85 | + // //区域范围选择 | ||
| 86 | + // jeDate("#test06",{ | ||
| 87 | + // format: "YYYY", | ||
| 88 | + // range:" ~ " | ||
| 89 | + // }); | ||
| 90 | + // jeDate("#test07",{ | ||
| 91 | + // format: "YYYY-MM", | ||
| 92 | + // range:" To " | ||
| 93 | + // }); | ||
| 94 | + // jeDate("#test08",{ | ||
| 95 | + // format: "YYYY-MM-DD", | ||
| 96 | + // range:" 至 " | ||
| 97 | + // }); | ||
| 98 | + | ||
| 99 | + | ||
| 100 | + //区域范围双面板选择 | ||
| 101 | + // var jd = jeDate("#test09",{ | ||
| 102 | + // format: "YYYY", | ||
| 103 | + // multiPane:false, | ||
| 104 | + // range:" ~ " | ||
| 105 | + // }); | ||
| 106 | + // jeDate("#test10",{ | ||
| 107 | + // format: "YYYY-MM", | ||
| 108 | + // multiPane:false, | ||
| 109 | + // range:" To " | ||
| 110 | + // }); | ||
| 111 | + // jeDate("#test11",{ | ||
| 112 | + // format: "YYYY-MM-DD", | ||
| 113 | + // multiPane:false, | ||
| 114 | + // range:" 至 " | ||
| 115 | + // }); | ||
| 116 | + // jeDate("#test11A",{ | ||
| 117 | + // format: "YYYY-MM-DD hh:mm:ss", | ||
| 118 | + // multiPane:false, | ||
| 119 | + // range:" 至 " | ||
| 120 | + // }); | ||
| 121 | + // jeDate("#test11B",{ | ||
| 122 | + // minDate:"03:02:04", //最小日期 | ||
| 123 | + // maxDate:"14:30:45", | ||
| 124 | + // format: "hh:mm:ss", | ||
| 125 | + // multiPane:false, | ||
| 126 | + // range:" 至 " | ||
| 127 | + // }); | ||
| 128 | + // jeDate("#test11C",{ | ||
| 129 | + // format: "hh:mm", | ||
| 130 | + // multiPane:false, | ||
| 131 | + // range:" 至 " | ||
| 132 | + // }); | ||
| 133 | + | ||
| 134 | + //自定义格式选择 | ||
| 135 | + // jeDate("#test12",{ | ||
| 136 | + // format: "YYYY年MM月DD日" | ||
| 137 | + // }); | ||
| 138 | + // jeDate("#test13",{ | ||
| 139 | + // format: "MM-DD-YYYY" | ||
| 140 | + // }); | ||
| 141 | + // jeDate("#test14",{ | ||
| 142 | + // format: "DD/MM/YYYY" | ||
| 143 | + // }); | ||
| 144 | + | ||
| 145 | + //一次绑定多个选择 | ||
| 146 | + // var jel = document.querySelectorAll(".moredate"); | ||
| 147 | + // for(var j=0;j<jel.length;j++){ | ||
| 148 | + // var mat = jel[j].getAttribute("placeholder"); | ||
| 149 | + // jeDate(jel[j],{ | ||
| 150 | + // format: mat | ||
| 151 | + // }); | ||
| 152 | + // } | ||
| 153 | + // | ||
| 154 | + // //一次绑定多个选择DIV类型 | ||
| 155 | + // var divel = document.querySelectorAll(".divmore"); | ||
| 156 | + // for(var j=0;j<divel.length;j++){ | ||
| 157 | + // var divmat = divel[j].getAttribute("placeholder"); | ||
| 158 | + // jeDate(divel[j],{ | ||
| 159 | + // format: divmat | ||
| 160 | + // }); | ||
| 161 | + // } | ||
| 162 | + // | ||
| 163 | + // //左边多类选择 | ||
| 164 | + // jeDate("#short",{ | ||
| 165 | + // format:"YYYY-MM-DD", | ||
| 166 | + // shortcut:[ | ||
| 167 | + // {name:"一周",val:{DD:7}}, | ||
| 168 | + // {name:"一个月",val:{DD:30}}, | ||
| 169 | + // {name:"二个月",val:{MM:2}}, | ||
| 170 | + // {name:"三个月",val:{MM:3}}, | ||
| 171 | + // {name:"一年",val:{DD:365}} | ||
| 172 | + // ], | ||
| 173 | + // donefun:function (obj) { | ||
| 174 | + // //alert(jeDate.getLunar(obj.date[0]).cW); | ||
| 175 | + // } | ||
| 176 | + // }); | ||
| 177 | + // jeDate("#shortboth",{ | ||
| 178 | + // format:"YYYY-MM-DD", | ||
| 179 | + // isinitVal: true, | ||
| 180 | + // range:" TO ", | ||
| 181 | + // multiPane:false, | ||
| 182 | + // shortcut:[ | ||
| 183 | + // {name:"一周",val:{DD:7}}, | ||
| 184 | + // {name:"一个月",val:{DD:30}}, | ||
| 185 | + // {name:"二个月",val:{MM:2}}, | ||
| 186 | + // {name:"三个月",val:{MM:3}}, | ||
| 187 | + // {name:"一年",val:{DD:365}} | ||
| 188 | + // ], | ||
| 189 | + // donefun:function (obj) { | ||
| 190 | + // //var bs = {yy:123,dd:789} | ||
| 191 | + // console.log(jeDate.extend({yy:123,dd:789},{yy:"you",aa:456})) | ||
| 192 | + // //alert(jeDate.getLunar(obj.date[0]).cW); | ||
| 193 | + // } | ||
| 194 | + // }); | ||
| 195 | + // | ||
| 196 | + // //YYYYMMDD格式 | ||
| 197 | + // jeDate("#dateymd",{ | ||
| 198 | + // format: "YYYYMMDD" | ||
| 199 | + // }); | ||
| 200 | + // jeDate("#dateymdboth",{ | ||
| 201 | + // format: "YYYYMMDD", | ||
| 202 | + // multiPane:false, | ||
| 203 | + // range:" 至 " | ||
| 204 | + // }); | ||
| 205 | + // | ||
| 206 | + // | ||
| 207 | + // //其它功能展示选择 | ||
| 208 | + // jeDate("#test15",{ | ||
| 209 | + // format: "YYYY-MM-DD", | ||
| 210 | + // isinitVal: true | ||
| 211 | + // }); | ||
| 212 | + // jeDate("#test16",{ | ||
| 213 | + // format: "YYYY-MM-DD", | ||
| 214 | + // donefun:function (obj) { | ||
| 215 | + // alert('你选择的日期是：' + obj.val) | ||
| 216 | + // } | ||
| 217 | + // }); | ||
| 218 | + // jeDate("#test17",{ | ||
| 219 | + // format: "YYYY-MM-DD", | ||
| 220 | + // toggle:function (obj) { | ||
| 221 | + // alert('你选择的日期是：' + obj.val + '\n\n获得的对象是' + JSON.stringify(obj.date)); | ||
| 222 | + // } | ||
| 223 | + // }); | ||
| 224 | + // jeDate("#test18",{ | ||
| 225 | + // trigger:"dblclick", | ||
| 226 | + // format: "YYYY-MM-DD" | ||
| 227 | + // }); | ||
| 228 | + // var custom = jeDate("#test19",{ | ||
| 229 | + // format: "YYYY-MM-DD" | ||
| 230 | + // }).setValue("2018-09-01"); | ||
| 231 | + // //或者 custom.setValue("2018-09-01"); | ||
| 232 | + // | ||
| 233 | + // //有效、无效日期限制 | ||
| 234 | + // jeDate("#test20",{ | ||
| 235 | + // valiDate:["0[4-7]$,1[1-5]$,2[58]$",true], | ||
| 236 | + // format: "YYYY年MM月DD日" | ||
| 237 | + // }); | ||
| 238 | + // jeDate("#test21",{ | ||
| 239 | + // valiDate:["0[4-7]$,1[1-5]$,2[58]$",false], | ||
| 240 | + // format: "YYYY年MM月DD日" | ||
| 241 | + // }); | ||
| 242 | + // jeDate("#test22",{ | ||
| 243 | + // valiDate:["1$,3$,6$,9$",true], | ||
| 244 | + // format: "YYYY年MM月DD日" | ||
| 245 | + // }); | ||
| 246 | + // jeDate("#test23",{ | ||
| 247 | + // valiDate:["1$,3$,6$,9$",false], | ||
| 248 | + // format: "YYYY年MM月DD日" | ||
| 249 | + // }); | ||
| 250 | + // jeDate("#test24",{ | ||
| 251 | + // valiDate:["%1,%3,%6,%9,%12,%15,%25",true], | ||
| 252 | + // format: "YYYY年MM月DD日" | ||
| 253 | + // }); | ||
| 254 | + // jeDate("#test25",{ | ||
| 255 | + // valiDate:["%1,%3,%6,%9,%12,%15,%25",false], | ||
| 256 | + // format: "YYYY年MM月DD日" | ||
| 257 | + // }); | ||
| 258 | + // | ||
| 259 | + // //直接展示日历 | ||
| 260 | + // jeDate("#show01",{ | ||
| 261 | + // isShow:false, | ||
| 262 | + // format: "YYYY-MM-DD hh:mm:ss" | ||
| 263 | + // }); | ||
| 264 | + // jeDate("#show02",{ | ||
| 265 | + // isShow:false, | ||
| 266 | + // format: "YYYY-MM" | ||
| 267 | + // }); | ||
| 268 | + // jeDate("#show03",{ | ||
| 269 | + // isShow:false, | ||
| 270 | + // format: "YYYY" | ||
| 271 | + // }); | ||
| 272 | + // jeDate("#show04",{ | ||
| 273 | + // isShow:false, | ||
| 274 | + // format: "hh:mm:ss" | ||
| 275 | + // }); | ||
| 276 | + | ||
| 277 | + |
assets/js/jedate.js
0 → 100644
| 1 | +/** | ||
| 2 | + @Name : jeDate v6.5.0 日期控件 | ||
| 3 | + @Author: chen guojun | ||
| 4 | + @Date: 2018-04-30 | ||
| 5 | + @QQ群：516754269 | ||
| 6 | + @官网：http://www.jemui.com/ 或 https://github.com/singod/jeDate | ||
| 7 | + */ | ||
| 8 | +;(function(window, factory) { | ||
| 9 | + //amd | ||
| 10 | + if (typeof define === 'function' && define.amd) { | ||
| 11 | + define(factory); | ||
| 12 | + } else if (typeof exports === 'object') { //umd | ||
| 13 | + module.exports = factory(); | ||
| 14 | + } else { | ||
| 15 | + window.jeDate = factory(); | ||
| 16 | + } | ||
| 17 | +})(this, function() { | ||
| 18 | + var doc = document, win = window; | ||
| 19 | + var jet = {}, doc = document, regymdzz = "YYYY|MM|DD|hh|mm|ss|zz", gr = /\-/g, | ||
| 20 | + regymd = "YYYY|MM|DD|hh|mm|ss|zz".replace("|zz",""), parseInt = function (n) { return window.parseInt(n, 10);}; | ||
| 21 | + var $Q = function (selector,content) { | ||
| 22 | + content = content || document; | ||
| 23 | + return selector.nodeType ? selector : content.querySelector(selector); | ||
| 24 | + }; | ||
| 25 | + var jeDate = function(elem,options){ | ||
| 26 | + var opts = typeof (options) === "function" ? options() : options; | ||
| 27 | + return new jeDatePick(elem,opts); | ||
| 28 | + }; | ||
| 29 | + //日期控件版本 | ||
| 30 | + jeDate.dateVer = "V6.5.0"; | ||
| 31 | + //用一个或多个其他对象来扩展一个对象，返回被扩展的对象 | ||
| 32 | + jeDate.extend = jet.extend = function () { | ||
| 33 | + var options, name, src, copy,deep = false, target = arguments[0], i = 1, length = arguments.length; | ||
| 34 | + if (typeof (target) === "boolean") deep = target, target = arguments[1] || {}, i = 2; | ||
| 35 | + if (typeof (target) !== "object" && typeof (target) !== "function") target = {}; | ||
| 36 | + if (length === i) target = this, --i; | ||
| 37 | + for (; i < length; i++) { | ||
| 38 | + if ((options = arguments[i]) != null) { | ||
| 39 | + for (name in options) { | ||
| 40 | + src = target[name], copy = options[name]; | ||
| 41 | + if (target === copy) continue; | ||
| 42 | + if (copy !== undefined) target[name] = copy; | ||
| 43 | + } | ||
| 44 | + } | ||
| 45 | + } | ||
| 46 | + return target; | ||
| 47 | + }; | ||
| 48 | + //返回指定日期 | ||
| 49 | + jeDate.nowDate = function (val,format) { | ||
| 50 | + format = format || 'YYYY-MM-DD hh:mm:ss'; | ||
| 51 | + if (!isNaN(val)) val = {DD: val}; | ||
| 52 | + return jet.parse(jet.getDateTime(val),format); | ||
| 53 | + }; | ||
| 54 | + //日期转换 | ||
| 55 | + jeDate.convert = function (obj) { | ||
| 56 | + obj.format = obj.format || 'YYYY-MM-DD hh:mm:ss'; | ||
| 57 | + obj.addval = obj.addval || []; | ||
| 58 | + var mats = jet.reMatch(obj.format),objVal = {}; | ||
| 59 | + jet.each(jet.reMatch(obj.val),function (i,cval) { | ||
| 60 | + objVal[mats[i]] = parseInt(cval); | ||
| 61 | + }); | ||
| 62 | + var result = new DateTime(obj.addval,objVal), redate = { | ||
| 63 | + YYYY:result.GetYear(), MM:result.GetMonth(), DD:result.GetDate(), | ||
| 64 | + hh:result.GetHours(), mm:result.GetMinutes(), ss:result.GetSeconds() | ||
| 65 | + }; | ||
| 66 | + return redate; | ||
| 67 | + }; | ||
| 68 | + jeDate.valText = function (elem,value) { | ||
| 69 | + return jet.valText(elem,value); | ||
| 70 | + } | ||
| 71 | + //日期时间戳相互转换 | ||
| 72 | + jeDate.timeStampDate = function (date,format) { | ||
| 73 | + format = format || 'YYYY-MM-DD hh:mm:ss'; | ||
| 74 | + var dateTest = (/^(-)?\d{1,10}$/.test(date) || /^(-)?\d{1,13}$/.test(date)); | ||
| 75 | + if(/^[1-9]*[1-9][0-9]*$/.test(date) && dateTest){ | ||
| 76 | + var vdate = parseInt(date); | ||
| 77 | + if (/^(-)?\d{1,10}$/.test(vdate)) { | ||
| 78 | + vdate = vdate * 1000; | ||
| 79 | + } else if (/^(-)?\d{1,13}$/.test(vdate)) { | ||
| 80 | + vdate = vdate * 1000; | ||
| 81 | + } else if (/^(-)?\d{1,14}$/.test(vdate)) { | ||
| 82 | + vdate = vdate * 100; | ||
| 83 | + } else { | ||
| 84 | + alert("时间戳格式不正确"); | ||
| 85 | + return; | ||
| 86 | + } | ||
| 87 | + var setdate = new Date(vdate); | ||
| 88 | + return jet.parse({ | ||
| 89 | + YYYY:setdate.getFullYear(), MM:jet.digit(setdate.getMonth()+1), DD:jet.digit(setdate.getDate()) , | ||
| 90 | + hh:jet.digit(setdate.getHours()), mm:jet.digit(setdate.getMinutes()), ss:jet.digit(setdate.getSeconds()) | ||
| 91 | + }, format); | ||
| 92 | + }else { | ||
| 93 | + //将日期转换成时间戳 | ||
| 94 | + var arrs = jet.reMatch(date), | ||
| 95 | + newdate = new Date(arrs[0],arrs[1]-1,arrs[2],arrs[3]||0,arrs[4]||0,arrs[5]||0), | ||
| 96 | + timeStr = Math.round(newdate.getTime() / 1000); | ||
| 97 | + return timeStr; | ||
| 98 | + } | ||
| 99 | + }; | ||
| 100 | + //获取年月日星期 | ||
| 101 | + jeDate.getLunar = function(obj){ | ||
| 102 | + //如果为数字类型的日期对获取到日期的进行替换 | ||
| 103 | + var lunars = jeLunar(obj.YYYY, parseInt(obj.MM) - 1, obj.DD); | ||
| 104 | + return{ | ||
| 105 | + nM: lunars.lnongMonth, //农历月 | ||
| 106 | + nD: lunars.lnongDate, //农历日 | ||
| 107 | + cY: parseInt(lunars.solarYear), //阳历年 | ||
| 108 | + cM: parseInt(lunars.solarMonth), //阳历月 | ||
| 109 | + cD: parseInt(lunars.solarDate), //阳历日 | ||
| 110 | + cW: lunars.inWeekDays, //汉字星期几 | ||
| 111 | + nW: lunars.solarWeekDay //数字星期几 | ||
| 112 | + }; | ||
| 113 | + }; | ||
| 114 | + //转换日期格式 | ||
| 115 | + jeDate.parse = jet.parse = function(ymdhms, format) { | ||
| 116 | + return format.replace(new RegExp(regymdzz,"g"), function(str, index) { | ||
| 117 | + return str == "zz" ? "00":jet.digit(ymdhms[str]); | ||
| 118 | + }); | ||
| 119 | + } | ||
| 120 | + //返回日期 | ||
| 121 | + function DateTime(arr,valObj) { | ||
| 122 | + var that = this,newdate = new Date(), narr = ["FullYear","Month","Date","Hours","Minutes","Seconds"]; | ||
| 123 | + var vb = jet.extend({YYYY:null,MM:null,DD:null,hh:newdate.getHours(),mm:newdate.getMinutes(),ss:newdate.getSeconds()},valObj); | ||
| 124 | + var ND = valObj == undefined ? newdate : new Date(vb.YYYY,vb.MM,vb.DD,vb.hh,vb.mm,vb.ss); | ||
| 125 | + if((arr||[]).length>0) jet.each(arr,function (i,par) { | ||
| 126 | + ND["set"+narr[i]](narr[i] == "Month" ? parseInt(par)-1:parseInt(par)); | ||
| 127 | + }); | ||
| 128 | + //返回一个数值相同的新DateTime对象 | ||
| 129 | + that.reDate = function () { | ||
| 130 | + return new DateTime(); | ||
| 131 | + }; | ||
| 132 | + //返回此实例的Date值 | ||
| 133 | + that.GetValue = function () { | ||
| 134 | + return ND; | ||
| 135 | + }; | ||
| 136 | + //获取此实例所表示日期的年份部分。 | ||
| 137 | + that.GetYear = function () { | ||
| 138 | + return ND.getFullYear(); | ||
| 139 | + }; | ||
| 140 | + //获取此实例所表示日期的月份部分。 | ||
| 141 | + that.GetMonth = function () { | ||
| 142 | + return ND.getMonth() + 1; | ||
| 143 | + }; | ||
| 144 | + //获取此实例所表示的日期为该月中的第几天。 | ||
| 145 | + that.GetDate = function () { | ||
| 146 | + return ND.getDate(); | ||
| 147 | + }; | ||
| 148 | + //获取此实例所表示日期的小时部分。 | ||
| 149 | + that.GetHours = function () { | ||
| 150 | + return ND.getHours(); | ||
| 151 | + }; | ||
| 152 | + //获取此实例所表示日期的分钟部分。 | ||
| 153 | + that.GetMinutes = function () { | ||
| 154 | + return ND.getMinutes(); | ||
| 155 | + }; | ||
| 156 | + //获取此实例所表示日期的秒部分。 | ||
| 157 | + that.GetSeconds = function () { | ||
| 158 | + return ND.getSeconds(); | ||
| 159 | + }; | ||
| 160 | + }; | ||
| 161 | + | ||
| 162 | + jet.extend(jet,{ | ||
| 163 | + isType : function (obj,type) { | ||
| 164 | + var firstUper = function (str) { | ||
| 165 | + str = str.toLowerCase(); | ||
| 166 | + return str.replace(/\b(\w)|\s(\w)/g, function (m) { | ||
| 167 | + return m.toUpperCase(); | ||
| 168 | + }); | ||
| 169 | + } | ||
| 170 | + return Object.prototype.toString.call(obj) == "[object " + firstUper(type) + "]"; | ||
| 171 | + }, | ||
| 172 | + each : function (obj, callback, args) { | ||
| 173 | + var name, i = 0, length = obj.length, iselem = (length === undefined || obj === "function"); | ||
| 174 | + if (iselem) { | ||
| 175 | + for (name in obj) { if (callback.call(obj[name], name, obj[name]) === false) { break } } | ||
| 176 | + } else { | ||
| 177 | + for (; i < length;) { if (callback.call(obj[i], i, obj[i++]) === false) { break } } | ||
| 178 | + } | ||
| 179 | + return obj; | ||
| 180 | + }, | ||
| 181 | + on : function (elm, type, fn) { | ||
| 182 | + if (elm.addEventListener) { | ||
| 183 | + elm.addEventListener(type, fn, false);//DOM2.0 | ||
| 184 | + return true; | ||
| 185 | + }else if (elm.attachEvent) { | ||
| 186 | + return elm.attachEvent("on" + type, fn);//IE5+ | ||
| 187 | + }else { | ||
| 188 | + elm["on" + type] = fn;//DOM 0 | ||
| 189 | + } | ||
| 190 | + }, | ||
| 191 | + isObj : function (obj){ | ||
| 192 | + for(var i in obj){return true;} | ||
| 193 | + return false; | ||
| 194 | + }, | ||
| 195 | + trim : function (str){ return str.replace(/(^\s*)|(\s*$)/g, ""); }, | ||
| 196 | + reMatch : function (str) { | ||
| 197 | + var smarr = [],maStr = "", parti = /(^\w{4}|\w{2}\B)/g; | ||
| 198 | + if(jet.isNum(str)){ | ||
| 199 | + maStr = str.replace(parti,"$1-"); | ||
| 200 | + }else{ | ||
| 201 | + maStr = /^[A-Za-z]+$/.test(str) ? str.replace(parti,"$1-") : str; | ||
| 202 | + } | ||
| 203 | + jet.each(maStr.match(/\w+|d+/g),function (i,val) { | ||
| 204 | + smarr.push(jet.isNum(val) ? parseInt(val):val); | ||
| 205 | + }); | ||
| 206 | + return smarr; | ||
| 207 | + }, | ||
| 208 | + equals : function (arrA,arrB) { | ||
| 209 | + if (!arrB) return false; | ||
| 210 | + if (arrA.length != arrB.length) return false; | ||
| 211 | + for (var i = 0, l = arrA.length; i < l; i++) { | ||
| 212 | + if (arrA[i] instanceof Array && arrB[i] instanceof Array) { | ||
| 213 | + if (!arrA[i].equals(arrB[i])) return false; | ||
| 214 | + } else if (arrA[i] != arrB[i]) { | ||
| 215 | + return false; | ||
| 216 | + } | ||
| 217 | + } | ||
| 218 | + return true; | ||
| 219 | + }, | ||
| 220 | + docScroll : function(type) { | ||
| 221 | + type = type ? "scrollLeft" :"scrollTop"; | ||
| 222 | + return document.body[type] | document.documentElement[type]; | ||
| 223 | + }, | ||
| 224 | + docArea : function(type) { | ||
| 225 | + return document.documentElement[type ? "clientWidth" :"clientHeight"]; | ||
| 226 | + }, | ||
| 227 | + //补齐数位 | ||
| 228 | + digit : function(num) { | ||
| 229 | + return num < 10 ? "0" + (num | 0) :num; | ||
| 230 | + }, | ||
| 231 | + //判断是否为数字 | ||
| 232 | + isNum : function(value){ | ||
| 233 | + return /^[+-]?\d*\.?\d*$/.test(value) ? true : false; | ||
| 234 | + }, | ||
| 235 | + //获取本月的总天数 | ||
| 236 | + getDaysNum : function(y, m) { | ||
| 237 | + var num = 31,isLeap = (y % 100 !== 0 && y % 4 === 0) || (y % 400 === 0); | ||
| 238 | + switch (parseInt(m)) { | ||
| 239 | + case 2: num = isLeap ? 29 : 28; break; | ||
| 240 | + case 4: case 6: case 9: case 11: num = 30; break; | ||
| 241 | + } | ||
| 242 | + return num; | ||
| 243 | + }, | ||
| 244 | + //获取月与年 | ||
| 245 | + getYM : function(y, m, n) { | ||
| 246 | + var nd = new Date(y, m - 1); | ||
| 247 | + nd.setMonth(m - 1 + n); | ||
| 248 | + return { | ||
| 249 | + y: nd.getFullYear(), | ||
| 250 | + m: nd.getMonth() + 1 | ||
| 251 | + }; | ||
| 252 | + }, | ||
| 253 | + //获取上个月 | ||
| 254 | + prevMonth : function(y, m, n) { | ||
| 255 | + return jet.getYM(y, m, 0 - (n || 1)); | ||
| 256 | + }, | ||
| 257 | + //获取下个月 | ||
| 258 | + nextMonth : function(y, m, n) { | ||
| 259 | + return jet.getYM(y, m, n || 1); | ||
| 260 | + }, | ||
| 261 | + setCss:function(elem,obj) { | ||
| 262 | + for (var x in obj) elem.style[x] = obj[x]; | ||
| 263 | + }, | ||
| 264 | + html : function (elem,html) { | ||
| 265 | + return typeof html === "undefined" ? elem && elem.nodeType === 1 ? elem.innerHTML :undefined :typeof html !== "undefined" && html == true ? elem && elem.nodeType === 1 ? elem.outerHTML :undefined : elem.innerHTML = html; | ||
| 266 | + | ||
| 267 | + }, | ||
| 268 | + // 读取设置节点文本内容 | ||
| 269 | + text : function(elem,value) { | ||
| 270 | + var innText = document.all ? "innerText" :"textContent"; | ||
| 271 | + return typeof value === "undefined" ? elem && elem.nodeType === 1 ? elem[innText] :undefined : elem[innText] = value; | ||
| 272 | + }, | ||
| 273 | + //设置值 | ||
| 274 | + val : function (elem,value) { | ||
| 275 | + if (typeof value === "undefined") { | ||
| 276 | + return elem && elem.nodeType === 1 && typeof elem.value !== "undefined" ? elem.value :undefined; | ||
| 277 | + } | ||
| 278 | + // 将value转化为string | ||
| 279 | + value = value == null ? "" :value + ""; | ||
| 280 | + elem.value = value; | ||
| 281 | + }, | ||
| 282 | + attr : function(elem,value){ | ||
| 283 | + return elem.getAttribute(value); | ||
| 284 | + }, | ||
| 285 | + hasClass : function (obj, cls) { | ||
| 286 | + return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)')); | ||
| 287 | + }, | ||
| 288 | + stopPropagation : function (ev) { | ||
| 289 | + (ev && ev.stopPropagation) ? ev.stopPropagation() : window.event.cancelBubble = true; | ||
| 290 | + }, | ||
| 291 | + template : function (str, data) { | ||
| 292 | + var strCell = !/[^\w\-\.:]/.test(str) ? document.getElementById(str).innerHTML : str; | ||
| 293 | + var keys = function (obj){ | ||
| 294 | + var arr = []; | ||
| 295 | + for(arr[arr.length] in obj); | ||
| 296 | + return arr ; | ||
| 297 | + }, dataVar = function (obj) { | ||
| 298 | + var vars = ''; | ||
| 299 | + for (var key in obj) { | ||
| 300 | + vars += 'var ' + key + '= $D["' + key + '"];'; | ||
| 301 | + } | ||
| 302 | + return vars; | ||
| 303 | + }, compile = function (source,data) { | ||
| 304 | + var code = "var $out='" + source.replace(/[\r\n]/g, '').replace(/^(.+?)\{\%|\%\}(.+?)\{\%|\%\}(.+?)$/g, function (val) { | ||
| 305 | + return val.replace(/(['"])/g, '\\\$1'); | ||
| 306 | + }).replace(/\{\%\s*=\s*(.+?)\%\}/g, "';$out+=$1;$out+='").replace(/\{\%(.+?)\%\}/g, "';$1;$out+='") + "';return new String($out);"; | ||
| 307 | + var vars = dataVar(data), Render = new Function('$D',vars + code); | ||
| 308 | + return new Render(data) + ''; | ||
| 309 | + }; | ||
| 310 | + return compile(strCell,data); | ||
| 311 | + }, | ||
| 312 | + | ||
| 313 | + //判断元素类型 | ||
| 314 | + isValDiv : function(elem) { | ||
| 315 | + return /textarea|input/.test(elem.tagName.toLocaleLowerCase()); | ||
| 316 | + }, | ||
| 317 | + valText : function (elem,value) { | ||
| 318 | + var cell = $Q(elem) ,type = jet.isValDiv(cell) ? "val" : "text"; | ||
| 319 | + if(value != undefined){ | ||
| 320 | + jet[type](cell,value); | ||
| 321 | + }else{ | ||
| 322 | + return jet[type](cell); | ||
| 323 | + } | ||
| 324 | + }, | ||
| 325 | + isBool : function(obj){ return (obj == undefined || obj == true ? true : false); }, | ||
| 326 | + //获取返回的日期 | ||
| 327 | + getDateTime : function (obj) { | ||
| 328 | + var result = new DateTime(), objVal = jet.extend({YYYY:null,MM:null,DD:null,hh:0,mm:0,ss:0},obj), | ||
| 329 | + matArr = {YYYY:"FullYear",MM:"Month",DD:"Date",hh:"Hours",mm:"Minutes",ss:"Seconds"}; | ||
| 330 | + jet.each(["ss","mm","hh","DD","MM","YYYY"],function (i,mat) { | ||
| 331 | + if (!jet.isNum(parseInt(objVal[mat]))) return null; | ||
| 332 | + var reVal = result.GetValue(); | ||
| 333 | + if (parseInt(objVal[mat]) || parseInt(objVal[mat]) == 0){ | ||
| 334 | + reVal["set"+matArr[mat]](result["Get"+matArr[mat]]() + (mat == "MM" ? -1 : 0) + parseInt(objVal[mat])); | ||
| 335 | + } | ||
| 336 | + }); | ||
| 337 | + //获取格式化后的日期 | ||
| 338 | + var redate = { | ||
| 339 | + YYYY:result.GetYear(), MM:result.GetMonth(), DD:result.GetDate(), | ||
| 340 | + hh:result.GetHours(), mm:result.GetMinutes(), ss:result.GetSeconds() | ||
| 341 | + }; | ||
| 342 | + return redate; | ||
| 343 | + } | ||
| 344 | + }); | ||
| 345 | + | ||
| 346 | + function jeDatePick(elem, options){ | ||
| 347 | + var config = { | ||
| 348 | + language:{ | ||
| 349 | + name : "cn", | ||
| 350 | + month : ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"], | ||
| 351 | + weeks : [ "日", "一", "二", "三", "四", "五", "六" ], | ||
| 352 | + times : ["小时","分钟","秒数"], | ||
| 353 | + timetxt: ["时间选择","开始时间","结束时间"], | ||
| 354 | + backtxt:"返回日期", | ||
| 355 | + clear : "清空", | ||
| 356 | + today : "现在", | ||
| 357 | + yes : "确定" | ||
| 358 | + }, | ||
| 359 | + format:"YYYY-MM-DD hh:mm:ss", //日期格式 | ||
| 360 | + minDate:"1900-01-01 00:00:00", //最小日期 | ||
| 361 | + maxDate:"2099-12-31 23:59:59", //最大日期 | ||
| 362 | + isShow:true, //是否显示为固定日历，为false的时候固定显示 | ||
| 363 | + multiPane:true, //是否为双面板，为false是展示双面板 | ||
| 364 | + onClose:true, //是否为选中日期后关闭弹层，为false时选中日期后关闭弹层 | ||
| 365 | + range:false, //如果不为空且不为false，则会进行区域选择，例如 " 至 "，" ~ "，" To " | ||
| 366 | + trigger:"click", //是否为内部触发事件，默认为内部触发事件 | ||
| 367 | + position:[], //自定义日期弹层的偏移位置，长度为0，弹层自动查找位置 | ||
| 368 | + valiDate:[], //有效日期与非有效日期，例如 ["0[4-7]$,1[1-5]$,2[58]$",true] | ||
| 369 | + isinitVal:false, //是否初始化时间，默认不初始化时间 | ||
| 370 | + initDate:{}, //初始化时间，加减 天 时 分 | ||
| 371 | + isTime:true, //是否开启时间选择 | ||
| 372 | + isClear:true, //是否显示清空按钮 | ||
| 373 | + isToday:true, //是否显示今天或本月按钮 | ||
| 374 | + isYes:true, //是否显示确定按钮 | ||
| 375 | + festival:false, //是否显示农历节日 | ||
| 376 | + fixed:true, //是否静止定位，为true时定位在输入框，为false时居中定位 | ||
| 377 | + zIndex:2099, //弹出层的层级高度 | ||
| 378 | + method:{}, //自定义方法 | ||
| 379 | + theme:{}, //自定义主题色 | ||
| 380 | + shortcut:[], //日期选择的快捷方式 | ||
| 381 | + donefun:null, //选中日期完成的回调 | ||
| 382 | + before:null, //在界面加载之前执行 | ||
| 383 | + succeed:null //在界面加载之后执行 | ||
| 384 | + }; | ||
| 385 | + this.$opts = jet.extend(config,options||{}); | ||
| 386 | + this.valCell = $Q(elem); | ||
| 387 | + this.format = this.$opts.format; | ||
| 388 | + this.valCell != null ? this.init() : alert(elem+" ID\u6216\u7C7B\u540D\u4E0D\u5B58\u5728!"); | ||
| 389 | + jet.extend(this,this.$opts.method); | ||
| 390 | + delete this.$opts.method; | ||
| 391 | + } | ||
| 392 | + var searandom = function (){ | ||
| 393 | + var str = "",arr = [1,2,3,4,5,6,7,8,9,0]; | ||
| 394 | + for(var i=0; i<8; i++) str += arr[Math.round(Math.random() * (arr.length-1))]; | ||
| 395 | + return str; | ||
| 396 | + }; | ||
| 397 | + | ||
| 398 | + var jefix = "jefixed",ymdzArr = jet.reMatch(regymdzz),elx = "#jedate"; | ||
| 399 | + jet.extend(jeDatePick.prototype,{ | ||
| 400 | + init : function () { | ||
| 401 | + var that = this, opts = that.$opts, newDate = new Date(), shortArr = [], | ||
| 402 | + trigges = opts.trigger,ndate = opts.initDate || [], inVal, range = opts.range, | ||
| 403 | + zIndex = opts.zIndex == undefined ? 10000 : opts.zIndex,isShow = jet.isBool(opts.isShow), | ||
| 404 | + isinitVal = (opts.isinitVal == undefined || opts.isinitVal == false) ? false : true; | ||
| 405 | + that.setDatas(); | ||
| 406 | + opts.before && opts.before(that.valCell); | ||
| 407 | + //为开启初始化的时间设置值 | ||
| 408 | + if (isinitVal && trigges && isShow) { | ||
| 409 | + if (ndate[1]){ | ||
| 410 | + var addval = jet.getDateTime(ndate[0]); | ||
| 411 | + inVal = [{ | ||
| 412 | + YYYY:addval.YYYY, MM:jet.digit(addval.MM), DD:jet.digit(addval.DD) , | ||
| 413 | + hh:jet.digit(addval.hh), mm:jet.digit(addval.mm), ss:jet.digit(addval.ss) | ||
| 414 | + }]; | ||
| 415 | + }else { | ||
| 416 | + inVal = that.getValue(jet.isObj(ndate[0]) ? ndate[0] : {}); | ||
| 417 | + } | ||
| 418 | + if(!range) that.setValue([inVal[0]],opts.format,true); | ||
| 419 | + } | ||
| 420 | + | ||
| 421 | + var getCurrValue = function () { | ||
| 422 | + var mats = jet.reMatch(that.format), isEmpty = that.getValue() != "",curVal = [], | ||
| 423 | + parmat = that.dlen == 7 ? "hh:mm:ss" : "YYYY-MM"+ (that.dlen <= 2 ? "":"-DD"); | ||
| 424 | + that.selectValue = [jet.parse(jet.getDateTime({}), parmat)]; | ||
| 425 | + if(isEmpty && isShow){ | ||
| 426 | + var getVal = that.getValue().split(range); | ||
| 427 | + jet.each(new Array(range ? 2 : 1),function (a) { | ||
| 428 | + curVal[a] = {}; | ||
| 429 | + jet.each(jet.reMatch(getVal[a]),function (i,val) { | ||
| 430 | + curVal[a][mats[i]] = parseInt(val); | ||
| 431 | + }); | ||
| 432 | + }); | ||
| 433 | + if(range) that.selectValue = getVal; | ||
| 434 | + }else{ | ||
| 435 | + var parr = that.getValue({})[0], nmVal = jet.nextMonth(parr.YYYY,parr.MM||jet.getDateTime({}).MM), | ||
| 436 | + narr = (that.dlen>2 && that.dlen <=6) ? {YYYY:nmVal.y,MM:nmVal.m} : {}; | ||
| 437 | + curVal = [parr]; | ||
| 438 | + } | ||
| 439 | + that.selectDate = curVal; | ||
| 440 | + return curVal; | ||
| 441 | + },ymarr = []; | ||
| 442 | + that.minDate = ""; that.maxDate = ""; | ||
| 443 | + if(!isShow || !trigges) ymarr = getCurrValue(); | ||
| 444 | + if(!isShow || !trigges){ | ||
| 445 | + that.minDate = jet.isType(opts.minDate,"function") ? opts.minDate(that) : opts.minDate; | ||
| 446 | + that.maxDate = jet.isType(opts.maxDate,"function") ? opts.maxDate(that) : opts.maxDate; | ||
| 447 | + that.storeData(ymarr[0],ymarr[1]); | ||
| 448 | + that.renderDate(); | ||
| 449 | + opts.succeed && opts.succeed(that.dateCell); | ||
| 450 | + }else{ | ||
| 451 | + if (trigges) { | ||
| 452 | + jet.on(that.valCell,trigges,function(){ | ||
| 453 | + if (document.querySelectorAll(elx).length > 0) return; | ||
| 454 | + var gvarr = getCurrValue(); | ||
| 455 | + that.minDate = jet.isType(opts.minDate,"function") ? opts.minDate(that) : opts.minDate; | ||
| 456 | + that.maxDate = jet.isType(opts.maxDate,"function") ? opts.maxDate(that) : opts.maxDate; | ||
| 457 | + that.storeData(gvarr[0],gvarr[1]); | ||
| 458 | + that.renderDate(); | ||
| 459 | + }); | ||
| 460 | + } | ||
| 461 | + } | ||
| 462 | + }, | ||
| 463 | + setDatas : function(){ | ||
| 464 | + var that = this, opts = that.$opts,range = opts.range,shortArr = [],isShow = jet.isBool(opts.isShow),multi = opts.multiPane; | ||
| 465 | + that.$data = jet.extend({year:false,month:false,day:true,time:false,timebtn:false},{ | ||
| 466 | + shortcut:[],lang:opts.language,yaerlist:[],monthlist:[[],[]],ymlist:[[],[]], daylist:[[],[]], | ||
| 467 | + clear:opts.isClear,today:range ? false:opts.isToday,yes:opts.isYes,pane:multi ? 1:2 | ||
| 468 | + }); | ||
| 469 | + if(opts.shortcut.length>0){ | ||
| 470 | + jet.each(opts.shortcut,function (i,short) { | ||
| 471 | + var tarr = [], shval = jet.isType(short.val,"function") ? short.val() : short.val; | ||
| 472 | + if(jet.isType(shval,"object")){ | ||
| 473 | + for (var s in shval) tarr.push(s + ':' + shval[s]); | ||
| 474 | + shortArr.push(jet.extend({},{name:short.name,val:"{" + tarr.join('#') + "}"})); | ||
| 475 | + } | ||
| 476 | + }); | ||
| 477 | + that.$data.shortcut = shortArr; | ||
| 478 | + } | ||
| 479 | + that.dlen = (function () { | ||
| 480 | + var mats = jet.reMatch(that.format),marr = []; | ||
| 481 | + jet.each(ymdzArr,function(i,val){ | ||
| 482 | + jet.each(mats,function(m,mval){ | ||
| 483 | + if(val == mval) marr.push(mval); | ||
| 484 | + }); | ||
| 485 | + }); | ||
| 486 | + var matlen = marr.length, lens = (marr[0] == "hh")&&matlen<=3 ? 7 : matlen; | ||
| 487 | + return lens; | ||
| 488 | + })(); | ||
| 489 | + that.$data.dlen = that.dlen; | ||
| 490 | + that.timeInspect = false; | ||
| 491 | + if(that.dlen == 1){ | ||
| 492 | + jet.extend(that.$data,{year:true,day:false}); | ||
| 493 | + }else if(that.dlen == 2){ | ||
| 494 | + jet.extend(that.$data,{month:true,day:false}); | ||
| 495 | + }else if(that.dlen>3 && that.dlen <=6){ | ||
| 496 | + that.$data.timebtn = true; | ||
| 497 | + }else if(that.dlen == 7){ | ||
| 498 | + jet.extend(that.$data,{day:false,time:true}); | ||
| 499 | + } | ||
| 500 | + if(!isShow){ | ||
| 501 | + that.$data.clear = false; | ||
| 502 | + that.$data.yes = false; | ||
| 503 | + } | ||
| 504 | + }, | ||
| 505 | + renderDate : function () { | ||
| 506 | + var that= this, opts = that.$opts,isShow = jet.isBool(opts.isShow), | ||
| 507 | + elxID = !isShow ? elx+searandom() : elx, setzin = {"zIndex": (opts.zIndex == undefined ? 10000 : opts.zIndex)}; | ||
| 508 | + if(that.dateCell == undefined){ | ||
| 509 | + that.dateCell = document.createElement("div"); | ||
| 510 | + that.dateCell.id = elxID.replace(/\#/g,""); | ||
| 511 | + that.dateCell.className = elx.replace(/\#/g,"")+" "+(opts.shortcut.length>0?" leftmenu":""); | ||
| 512 | + that.dateCell.setAttribute("author","chen guojun"); | ||
| 513 | + } | ||
| 514 | + jet.html(that.dateCell,jet.template(that.dateTemplate(),that.$data)); | ||
| 515 | + //自定义主题色 | ||
| 516 | + if(jet.isObj(opts.theme)){ | ||
| 517 | + var styleDiv = document.createElement("style"),stCell = ".jedate"+searandom(), t = opts.theme, | ||
| 518 | + BG = "background-color:"+t.bgcolor, WC = "color:"+(t.color == undefined ? "#FFFFFF":t.color), | ||
| 519 | + OTH = (t.pnColor == undefined ? "":"color:"+t.pnColor+";"); | ||
| 520 | + that.dateCell.className = that.dateCell.className+" "+stCell.replace(/^./g,""); styleDiv.setAttribute("type","text/css"); | ||
| 521 | + styleDiv.innerHTML = stCell+" .jedate-menu p:hover{"+BG+";"+WC+";}"+stCell+" .jedate-header em{"+WC+";}"+ | ||
| 522 | + stCell+" .jedate-content .yeartable td.action span,"+stCell+" .jedate-content .monthtable td.action span,"+ | ||
| 523 | + stCell+" .jedate-content .yeartable td.action span:hover,"+stCell+" .jedate-content .monthtable td.action span:hover{"+BG+";border:1px "+t.bgcolor+" solid;"+WC+";}"+stCell+" .jedate-content .daystable td.action,"+stCell+" .jedate-content .daystable td.action:hover,"+ | ||
| 524 | + stCell+" .jedate-content .daystable td.action .lunar,"+stCell+" .jedate-header,"+stCell+" .jedate-time .timeheader,"+ | ||
| 525 | + stCell+" .jedate-time .hmslist ul li.action,"+stCell+" .jedate-time .hmslist ul li.action:hover,"+ | ||
| 526 | + stCell+" .jedate-time .hmslist ul li.disabled.action,"+stCell+" .jedate-footbtn .timecon,"+stCell+" .jedate-footbtn .btnscon span{"+BG+";"+WC+";}"+ | ||
| 527 | + stCell+" .jedate-content .daystable td.other,"+stCell+" .jedate-content .daystable td.other .nolunar,"+stCell+" .jedate-content .daystable td.other .lunar{"+OTH+"}"+stCell+" .jedate-content .daystable td.contain,"+stCell+" .jedate-content .daystable td.contain:hover{background-"+OTH+"}"; | ||
| 528 | + that.dateCell.appendChild(styleDiv); | ||
| 529 | + } | ||
| 530 | + | ||
| 531 | + that.compileBindNode(that.dateCell); | ||
| 532 | + if (document.querySelectorAll(elxID).length > 0) document.body.removeChild($Q(elxID)); | ||
| 533 | + !isShow ? that.valCell.appendChild(that.dateCell) : document.body.appendChild(that.dateCell); | ||
| 534 | + jet.setCss(that.dateCell,jet.extend({position:(!isShow ? "relative" : (opts.fixed == true ? "absolute" :"fixed"))},isShow ? setzin:{})); | ||
| 535 | + that.methodEventBind(); | ||
| 536 | + if(that.dlen == 7 || (that.dlen>3 && that.dlen <=6)) that.locateScroll(); | ||
| 537 | + if(opts.festival && opts.language.name == "cn") that.showFestival(); | ||
| 538 | + if(isShow){ | ||
| 539 | + that.dateOrien(that.dateCell,that.valCell); | ||
| 540 | + that.blankArea(); | ||
| 541 | + } | ||
| 542 | + | ||
| 543 | + }, | ||
| 544 | + //设置日期值 | ||
| 545 | + setValue : function (fnStr,matStr,bool) { | ||
| 546 | + var that = this, valCell = that.valCell,strVal; | ||
| 547 | + matStr = matStr || that.format; | ||
| 548 | + if((typeof fnStr=='string')&&fnStr!=''){ | ||
| 549 | + var sprange = fnStr.split(that.$opts.range), inArr=[]; | ||
| 550 | + jet.each(sprange,function (i,sval) { | ||
| 551 | + var reVal = jet.reMatch(sval), inObj={}; | ||
| 552 | + jet.each(jet.reMatch(matStr),function (r,val) { | ||
| 553 | + inObj[val] = reVal[r]; | ||
| 554 | + }); | ||
| 555 | + inArr.push(inObj); | ||
| 556 | + }); | ||
| 557 | + strVal = inArr; | ||
| 558 | + }else { | ||
| 559 | + strVal = fnStr; | ||
| 560 | + } | ||
| 561 | + var vals = that.parseValue(strVal,matStr); | ||
| 562 | + if (bool != false) jet.valText(valCell,vals); | ||
| 563 | + return vals; | ||
| 564 | + }, | ||
| 565 | + //获取日期值 | ||
| 566 | + getValue : function (valobj) { | ||
| 567 | + var that = this, valCell = that.valCell, | ||
| 568 | + opts = that.$opts, reObj, result = new DateTime().reDate(), | ||
| 569 | + dateY = result.GetYear(),dateM = result.GetMonth(),dateD = result.GetDate(), | ||
| 570 | + timeh = result.GetHours(),timem = result.GetMinutes(),times = result.GetSeconds(); | ||
| 571 | + if (valobj == undefined && jet.isBool(opts.isShow)){ | ||
| 572 | + reObj = jet.valText(valCell); | ||
| 573 | + }else { | ||
| 574 | + var isValShow = jet.isBool(opts.isShow) ? (jet.valText(valCell) == "") : !jet.isBool(opts.isShow), | ||
| 575 | + objarr = jet.extend({YYYY:null,MM:null,DD:null},valobj||{}), | ||
| 576 | + ranMat = [],newArr = new Array(2),unObj = function (obj) { | ||
| 577 | + return [(objarr[obj] == undefined || objarr[obj] == null),objarr[obj]]; | ||
| 578 | + }, defObj = [{ YYYY:dateY,MM:dateM,DD:dateD, hh:timeh,mm:timem,ss:times,zz:00}, | ||
| 579 | + { YYYY:dateY,MM:dateM,DD:dateD, hh:timeh,mm:timem,ss:times,zz:00}]; | ||
| 580 | + if (isValShow) { | ||
| 581 | + //目标为空值则获取当前日期时间 | ||
| 582 | + jet.each(newArr,function (i) { | ||
| 583 | + var inObj = {}; | ||
| 584 | + jet.each(ymdzArr, function (r, val) { | ||
| 585 | + inObj[val] = parseInt(unObj(val)[0] ? defObj[i][val] : unObj(val)[1]); | ||
| 586 | + }); | ||
| 587 | + ranMat.push(jet.extend(defObj[i], inObj)); | ||
| 588 | + }); | ||
| 589 | + } else { | ||
| 590 | + var isunRange = opts.range != false, initVal = that.getValue(), | ||
| 591 | + spVal = initVal.split(opts.range), reMat = jet.reMatch(that.format); | ||
| 592 | + jet.each(newArr,function (i) { | ||
| 593 | + var inObj = {}, reVal = isunRange ? jet.reMatch(spVal[i]) : jet.reMatch(initVal); | ||
| 594 | + jet.each(reMat,function (r,val) { | ||
| 595 | + inObj[val] = reVal[r]; | ||
| 596 | + }); | ||
| 597 | + var exVal = jet.extend(inObj,valobj||{}); | ||
| 598 | + ranMat.push(jet.extend(defObj[i],exVal)); | ||
| 599 | + }); | ||
| 600 | + } | ||
| 601 | + reObj = ranMat; | ||
| 602 | + } | ||
| 603 | + return reObj; | ||
| 604 | + }, | ||
| 605 | + storeData:function (curr,next) { | ||
| 606 | + next = next || {}; | ||
| 607 | + var that = this, opts = that.$opts,multi = opts.multiPane,valCell = that.valCell, | ||
| 608 | + days = new Date().getDate(), DTS = that.$data,isnext = jet.isObj(next), | ||
| 609 | + RES = {yearlist:[],monthlist:[[],[]],daylist:[],daytit:[],timelist:[]},seltime, | ||
| 610 | + cday = curr.DD == null ? days : curr.DD, nday = next.DD == null ? days : next.DD, | ||
| 611 | + timeA = {hh:curr.hh,mm:curr.mm,ss:curr.ss}, timeB = {hh:next.hh||0,mm:next.mm||0,ss:next.ss||0}; | ||
| 612 | + //设置年的数据 | ||
| 613 | + RES.yearlist.push(that.eachYear(parseInt(curr.YYYY),1)); | ||
| 614 | + if(multi == false){ | ||
| 615 | + var yearNext = isnext ? next.YYYY : curr.YYYY; | ||
| 616 | + RES.yearlist.push(that.eachYear(parseInt(yearNext),2)); | ||
| 617 | + } | ||
| 618 | + //设置月的数据 | ||
| 619 | + RES.monthlist[0] = that.eachMonth(curr.YYYY,0); | ||
| 620 | + if(multi == false){ | ||
| 621 | + var monthNext = isnext ? next.YYYY : curr.YYYY+1; | ||
| 622 | + RES.monthlist[1] = that.eachMonth(curr.YYYY+1,1); | ||
| 623 | + } | ||
| 624 | + //设置天的数据 | ||
| 625 | + RES.daylist.push(that.eachDays(curr.YYYY,curr.MM,cday,0)); | ||
| 626 | + RES.daytit.push({YYYY:curr.YYYY,MM:curr.MM}); | ||
| 627 | + if(multi == false){ | ||
| 628 | + var dayNext = jet.nextMonth(curr.YYYY,curr.MM); | ||
| 629 | + RES.daylist.push(that.eachDays(dayNext.y,dayNext.m,nday,1)); | ||
| 630 | + RES.daytit.push({YYYY:dayNext.y,MM:dayNext.m}); | ||
| 631 | + } | ||
| 632 | + //设置时间数据 | ||
| 633 | + that.selectTime = [timeA,timeB]; | ||
| 634 | + RES.timelist.push(that.eachTime(timeA,1)); | ||
| 635 | + if(multi == false){ | ||
| 636 | + seltime = that.dlen == 7 && opts.range && !isnext ? timeA : timeB; | ||
| 637 | + if(that.dlen == 7 && opts.range && jet.valText(valCell) == ""){ | ||
| 638 | + that.selectTime[1] = jet.extend(timeB,timeA); | ||
| 639 | + } | ||
| 640 | + RES.timelist.push(that.eachTime(seltime,2)); | ||
| 641 | + } | ||
| 642 | + //最后将数据合并于总数据中 | ||
| 643 | + jet.extend(that.$data,RES); | ||
| 644 | + }, | ||
| 645 | + dateTemplate : function() { | ||
| 646 | + var that = this, opts = that.$opts, multi = opts.multiPane,YMDStr = "",hmsStr = "",lang = opts.language, | ||
| 647 | + ytxt = lang.name == "cn" ? "年":"", mtxt = lang.name == "cn" ? "月":""; | ||
| 648 | + var ymvals = multi ? '{%=ymlist[0].YYYY%}-{%=ymlist[0].MM%}':'{%=ymlist[0].YYYY%}-{%=ymlist[0].MM%}#{%=ymlist[ynidx].YYYY%}-{%=ymlist[ynidx].MM%}'; | ||
| 649 | + var aowArr = (function () { | ||
| 650 | + var butArr = [], ismu = multi ? "11":"23"; | ||
| 651 | + if(that.dlen == 1){ | ||
| 652 | + butArr = ['{%=yearlist[i][0].y-'+ismu+'%}','{%=yearlist[i][yearlist[i].length-1].y%}']; | ||
| 653 | + }else if(that.dlen == 2){ | ||
| 654 | + butArr = multi ? ['{%=yearlist[0][0].y-1%}','{%=yearlist[0][0].y+1%}']:['{%=yearlist[i][0].y-'+ismu+'%}','{%=yearlist[i][yearlist[i].length-1].y%}']; | ||
| 655 | + }else if(that.dlen>2 && that.dlen <=6){ | ||
| 656 | + butArr = ['{%=yearlist[0][0].y-1%}','{%=yearlist[0][0].y+1%}']; | ||
| 657 | + } | ||
| 658 | + return butArr; | ||
| 659 | + })(); | ||
| 660 | + var lyPrev = '<em class="yearprev yprev jedatefont" @on="yearBtn(lprev,'+aowArr[0]+')">󭛂</em>', | ||
| 661 | + lyNext = '<em class="yearnext ynext jedatefont" on="yearBtn(lnext,'+aowArr[2]+')">󭛅</em>', | ||
| 662 | + ryPrev = '<em class="yearprev yprev jedatefont" on="yearBtn(rprev,'+aowArr[3]+')">󭛂</em>', | ||
| 663 | + ryNext = '<em class="yearnext ynext jedatefont" @on="yearBtn(rnext,'+aowArr[1]+')">󭛅</em>', | ||
| 664 | + mPrev = '{% if(dlen>2){ %}<em class="monthprev mprev jedatefont" @on="monthBtn(mprev,{%=daytit[i].YYYY%}-{%=daytit[i].MM%})">󭘂</em>{% } %}', | ||
| 665 | + mNext = '{% if(dlen>2){ %}<em class="monthnext mnext jedatefont" @on="monthBtn(mnext,{%=daytit[i].YYYY%}-{%=daytit[i].MM%})">󭘅</em>{% } %}'; | ||
| 666 | + //循环年的模板 | ||
| 667 | + var yaerHtml = '<table class="yeartable year{%= i==0 ? "left":"right"%}" style="display:{%=year ? "block":"none"%};"><tbody><tr>'+ | ||
| 668 | + '{% for(var y=0;y<=11;y++){ %}<td class="{%=yearlist[i][y].style%}" @on="yearClick({%=yearlist[i][y].y%})"><span>{%=yearlist[i][y].y%}'+ytxt+'</span></td>{% if((y+1)%3==0){ %} </tr>{% } %} {% } %} </tbody></table>'; | ||
| 669 | + //循环月的模板 | ||
| 670 | + var monthHtml = '<table class="monthtable month{%= i==0 ? "left":"right"%}" style="display:{%=month ? "block":"none"%};"><tbody><tr>'+ | ||
| 671 | + '{% for(var m=0;m<=11;m++){ %}<td class="{%=monthlist[i][m].style%}" ym="{%=monthlist[i][m].y%}-{%=monthlist[i][m].m%}" @on="monthClick({%=monthlist[i][m].y%}-{%=monthlist[i][m].m%})"><span>{%=monthlist[i][m].m%}'+mtxt+'</span></td>{% if((m+1)%3==0){ %} </tr>{% } %} {% } %} </tbody></table>'; | ||
| 672 | + //循环天的模板 | ||
| 673 | + var daysHtml = '<table class="daystable days{%= i==0 ? "left":"right"%}" style="display:{%=day ? "block":"none"%};"><thead><tr>'+ | ||
| 674 | + '{% for(var w=0;w<lang.weeks.length;w++){ %} <th>{%=lang.weeks[w]%}</th> {% } %}</tr></thead><tbody>'+ | ||
| 675 | + '<tr>{% for(var d=0;d<=41;d++){ %}<td class="{%=daylist[i][d].style%}" ymd="{%=daylist[i][d].ymd%}" @on="daysClick({%=daylist[i][d].ymd%})">{%=daylist[i][d].day%}</td>{% if((d+1)%7==0){ %} </tr>{% } %} {% } %} </tbody></table>'; | ||
| 676 | + //循环时间模板 | ||
| 677 | + var hmsHtml = '<div class="jedate-time">{% for(var h=0;h<timelist.length;h++){ %}<div class="timepane"><div class="timeheader">{%= timelist.length == 1 ? lang.timetxt[0]:lang.timetxt[h+1]%}</div><div class="timecontent">'+ | ||
| 678 | + '<div class="hmstitle"><p>{%=lang.times[0]%}</p><p>{%=lang.times[1]%}</p><p>{%=lang.times[2]%}</p></div>'+ | ||
| 679 | + '<div class="hmslist">{% for(var t=0;t<3;t++){ %}<div class="hmsauto"><ul>{% for(var s=0;s<timelist[h][t].length;s++){ %}<li class="{%=timelist[h][t][s].style%}" @on="hmsClick({%= h %},{%= h>0?3+t:t %})">{%= timelist[h][t][s].hms < 10 ? "0" + timelist[h][t][s].hms :timelist[h][t][s].hms %}</li>{% } %}</ul></div>{% } %}</div></div>'+'</div>{% } %}</div>'; | ||
| 680 | + //左边选择模板 | ||
| 681 | + var shortHtml = opts.shortcut.length > 0 ? "{% for(var s=0;s<shortcut.length;s++){ %}<p @on=shortClick({%= shortcut[s].val %})>{%=shortcut[s].name%}</p>{% } %}":''; | ||
| 682 | + | ||
| 683 | + var ymtitHtml = (function () { | ||
| 684 | + var ymtitStr = ""; | ||
| 685 | + if(that.dlen == 1){ | ||
| 686 | + ymtitStr = '<span class="ymbtn">{%=yearlist[i][0].y%}'+ytxt+' ~ {%=yearlist[i][yearlist[i].length-1].y%}'+ytxt+'</span>'; | ||
| 687 | + }else if(that.dlen == 2){ | ||
| 688 | + ymtitStr = '<span class="ymbtn" @on="yearShow({%=yearlist[0][i].y%})">{%=yearlist[0][i].y%}'+ytxt+'</span>'; | ||
| 689 | + }else if(that.dlen>2 && that.dlen <=6){ | ||
| 690 | + ymtitStr = '<span class="ymbtn" @on="monthShow({%=daytit[i].MM%})">{%=daytit[i].MM%}'+mtxt+'</span>'+ | ||
| 691 | + '<span class="ymbtn" @on="yearShow({%=daytit[i].YYYY%})">{%=daytit[i].YYYY%}'+ytxt+'</span>'; | ||
| 692 | + } | ||
| 693 | + return ymtitStr; | ||
| 694 | + })(); | ||
| 695 | + | ||
| 696 | + var ymButton = (function () { | ||
| 697 | + var titStrBut = ""; | ||
| 698 | + if(that.dlen==1){ | ||
| 699 | + titStrBut = multi ? [lyPrev+ryNext]:[lyPrev,ryNext]; | ||
| 700 | + }else if(that.dlen==2){ | ||
| 701 | + titStrBut = multi ? [lyPrev+ryNext] : [lyPrev,ryNext]; | ||
| 702 | + }else if(that.dlen>2 && that.dlen <=6){ | ||
| 703 | + titStrBut = multi ? [lyPrev+mPrev+mNext+ryNext] : [lyPrev+mPrev,mNext+ryNext]; | ||
| 704 | + }else if(that.dlen==7){ | ||
| 705 | + titStrBut = ""; | ||
| 706 | + } | ||
| 707 | + return titStrBut; | ||
| 708 | + })(); | ||
| 709 | + | ||
| 710 | + if(that.dlen == 1){ | ||
| 711 | + YMDStr = yaerHtml; | ||
| 712 | + }else if(that.dlen == 2){ | ||
| 713 | + YMDStr = yaerHtml + monthHtml; | ||
| 714 | + }else if(that.dlen == 3){ | ||
| 715 | + YMDStr = yaerHtml + monthHtml + daysHtml; | ||
| 716 | + }else if(that.dlen > 3 && that.dlen <= 6){ | ||
| 717 | + YMDStr = yaerHtml + monthHtml + daysHtml; | ||
| 718 | + hmsStr = hmsHtml; | ||
| 719 | + }else if(that.dlen == 7){ | ||
| 720 | + hmsStr = hmsHtml; | ||
| 721 | + } | ||
| 722 | + var paneHtml = '{% for(var i=0;i<pane;i++){ %}<div class="jedate-pane">'+ | ||
| 723 | + '<div class="jedate-header">{% if(i==0){ %}'+ymButton[0]+'{% }else{ %}'+ymButton[1]+'{% } %}'+ymtitHtml+'</div>'+ | ||
| 724 | + '<div class="jedate-content{%= i==1?" bordge":"" %}">'+YMDStr+'</div>'+ | ||
| 725 | + '</div>{% } %}'; | ||
| 726 | + var btnStr = '{% if(timebtn){%}<div class="timecon" style="cursor: pointer;" @on="timeBtn">{%=lang.timetxt[0]%}</div>{% } %}<div class="btnscon">{% if(clear){ %}<span class="clear" @on="clearBtn">{%=lang.clear%}</span>{% } %}{% if(today){ %}<span class="today" @on="nowBtn">{%=lang.today%}</span>{% } %}{% if(yes){ %}<span class="setok" @on="sureBtn">{%=lang.yes%}</span>{% } %}</div>'; | ||
| 727 | + | ||
| 728 | + return '<div class="jedate-menu" style="display:{%=shortcut.length>0 ? "block":"none"%};">'+shortHtml+'</div><div class="jedate-wrap">'+paneHtml+'</div>'+hmsStr+'<div class="jedate-footbtn">'+btnStr+'</div><div class="jedate-tips"></div>'; | ||
| 729 | + }, | ||
| 730 | + //递归绑定事件 | ||
| 731 | + compileBindNode : function (dom) { | ||
| 732 | + var self = this, aton = "@on"; | ||
| 733 | + var acquireAttr = function (atVal){ | ||
| 734 | + var args=/\(.*\)/.exec(atVal); | ||
| 735 | + if(args) { //如果函数带参数,将参数字符串转换为参数数组 | ||
| 736 | + args = args[0]; | ||
| 737 | + atVal = atVal.replace(args,""); | ||
| 738 | + args = args.replace(/[\(\)\'\"]/g,'').split(","); | ||
| 739 | + }else args = []; | ||
| 740 | + return [atVal,args]; | ||
| 741 | + }; | ||
| 742 | + jet.each(dom.childNodes,function (i,node) { | ||
| 743 | + if (node.nodeType === 1) { | ||
| 744 | + if(!self.$opts.festival) node.removeAttribute("ymd"); | ||
| 745 | + self.compileBindNode(node); | ||
| 746 | + var geton = node.getAttribute(aton); | ||
| 747 | + if(geton != null){ | ||
| 748 | + var onarr = acquireAttr(geton); | ||
| 749 | + jet.on(node,"click",function () { | ||
| 750 | + self[onarr[0]] && self[onarr[0]].apply(node,onarr[1]); | ||
| 751 | + }); | ||
| 752 | + node.removeAttribute(aton); | ||
| 753 | + } | ||
| 754 | + } | ||
| 755 | + }); | ||
| 756 | + }, | ||
| 757 | + methodEventBind : function() { | ||
| 758 | + var that = this, opts = that.$opts, multi = opts.multiPane, DTS = that.$data, | ||
| 759 | + result = new DateTime().reDate(),dateY = result.GetYear(),dateM = result.GetMonth(),dateD = result.GetDate(), | ||
| 760 | + range = opts.range,elCell = that.dateCell; | ||
| 761 | + jet.extend(that,{ | ||
| 762 | + yearBtn:function (type,val) { | ||
| 763 | + var yarr = val.split("#"), pval = jet.reMatch(yarr[0]), tmval = that.selectTime; | ||
| 764 | + exarr = [jet.extend({YYYY:parseInt(val),MM:dateM,DD:dateD},tmval[0]),{}]; | ||
| 765 | + var dateVal = that.parseValue([exarr[0]],that.format); | ||
| 766 | + that.storeData(exarr[0],exarr[1]); | ||
| 767 | + that.renderDate(); | ||
| 768 | + opts.toggle && opts.toggle({elem:that.valCell,val:dateVal,date:exarr[0]}); | ||
| 769 | + }, | ||
| 770 | + yearShow:function (val) { | ||
| 771 | + DTS.year = DTS.year ? false : true; | ||
| 772 | + DTS.month = that.dlen < 3 ? true : false; | ||
| 773 | + if(that.dlen > 2 && that.dlen <= 6){ | ||
| 774 | + var dayCell = $Q(".daystable",elCell); | ||
| 775 | + DTS.day = dayCell.style.display == "none" ? true : false; | ||
| 776 | + } | ||
| 777 | + that.renderDate(); | ||
| 778 | + }, | ||
| 779 | + monthBtn:function (type,val) { | ||
| 780 | + var ymarr = jet.reMatch(val),tmval = that.selectTime, exarr=[], PrevYM , NextYM, | ||
| 781 | + year = parseInt(ymarr[0]),month = parseInt(ymarr[1]); | ||
| 782 | + if(range){ | ||
| 783 | + if(type == "mprev"){ | ||
| 784 | + PrevYM = jet.prevMonth(year, month); | ||
| 785 | + NextYM = jet.nextMonth(PrevYM.y, PrevYM.m); | ||
| 786 | + }else{ | ||
| 787 | + NextYM = jet.nextMonth(year, month); | ||
| 788 | + PrevYM = jet.prevMonth(NextYM.y, NextYM.m); | ||
| 789 | + } | ||
| 790 | + exarr = [jet.extend({YYYY:PrevYM.y,MM:PrevYM.m,DD:dateD},tmval[0]),{YYYY:NextYM.y,MM:NextYM.m,DD:dateD}]; | ||
| 791 | + }else{ | ||
| 792 | + var PNYM = (type == "mprev") ? jet.prevMonth(year, month) : jet.nextMonth(year, month); | ||
| 793 | + exarr = [jet.extend({YYYY:PNYM.y,MM:PNYM.m,DD:dateD},tmval[0]),{}]; | ||
| 794 | + } | ||
| 795 | + var dateVal = that.parseValue([exarr[0]],that.format); | ||
| 796 | + that.storeData(exarr[0],exarr[1]); | ||
| 797 | + that.renderDate(); | ||
| 798 | + opts.toggle && opts.toggle({elem:that.valCell,val:dateVal,date:exarr[0]}); | ||
| 799 | + }, | ||
| 800 | + monthShow:function (val) { | ||
| 801 | + DTS.year = false; | ||
| 802 | + DTS.month = DTS.month ? false : true; | ||
| 803 | + if(that.dlen > 2 && that.dlen <= 6){ | ||
| 804 | + var dayCell = $Q(".daystable",elCell); | ||
| 805 | + DTS.day = dayCell.style.display == "none" ? true : false; | ||
| 806 | + } | ||
| 807 | + that.renderDate(); | ||
| 808 | + }, | ||
| 809 | + shortClick:function (val) { | ||
| 810 | + var reval = val.replace(/\#/g,','),evobj = eval("("+reval+")"), | ||
| 811 | + gval = jet.getDateTime(evobj),tmval = that.selectTime; | ||
| 812 | + that.selectValue = [jet.parse(gval,"YYYY-MM-DD")]; | ||
| 813 | + that.selectDate = [{YYYY:gval.YYYY,MM:gval.MM,DD:gval.DD}]; | ||
| 814 | + if(opts.onClose){ | ||
| 815 | + var nYM = jet.nextMonth(gval.YYYY,gval.MM), | ||
| 816 | + ymarr = [{YYYY:gval.YYYY,MM:gval.MM,DD:gval.DD},{YYYY:nYM.y,MM:nYM.m,DD:null}]; | ||
| 817 | + that.storeData(jet.extend(ymarr[0],tmval[0]),jet.extend(ymarr[1],tmval[1])); | ||
| 818 | + that.renderDate(); | ||
| 819 | + }else{ | ||
| 820 | + that.setValue(gval,that.format); | ||
| 821 | + that.closeDate(); | ||
| 822 | + } | ||
| 823 | + }, | ||
| 824 | + yearClick:function (val) { | ||
| 825 | + if(jet.hasClass(this,"disabled")) return; | ||
| 826 | + var yearVal = "",lens = that.dlen; | ||
| 827 | + if(range && lens == 1){ | ||
| 828 | + var ylen = that.selectValue.length; | ||
| 829 | + that.selectDate = (ylen == 2) ? [{YYYY:parseInt(val),MM:dateM}] : | ||
| 830 | + [{YYYY:that.selectDate[0].YYYY,MM:that.selectDate[0].MM},{YYYY:parseInt(val),MM:dateM}]; | ||
| 831 | + that.selectValue = (ylen == 2) ? [val+"-"+jet.digit(dateM)] : [that.selectValue[0],val+"-"+jet.digit(dateM)]; | ||
| 832 | + | ||
| 833 | + if(that.selectValue.length == 2){ | ||
| 834 | + var svalarr = [that.selectValue[0],that.selectValue[1]],newArr = [{},{}]; | ||
| 835 | + svalarr.sort(function(a, b){ return a > b ? 1 : -1; }); | ||
| 836 | + that.selectValue = svalarr; | ||
| 837 | + jet.each(svalarr,function(i,strval) { | ||
| 838 | + jet.each(jet.reMatch(strval),function(s,dval) { | ||
| 839 | + newArr[i][ymdzArr[s]] = dval; | ||
| 840 | + }); | ||
| 841 | + }); | ||
| 842 | + that.selectDate = newArr; | ||
| 843 | + } | ||
| 844 | + }else if(lens>1 && lens <=6){ | ||
| 845 | + yearVal = parseInt(val); | ||
| 846 | + }else{ | ||
| 847 | + that.selectValue = [val+"-"+jet.digit(dateM)]; | ||
| 848 | + that.selectDate = [{YYYY:parseInt(val),MM:dateM}]; | ||
| 849 | + } | ||
| 850 | + DTS.year = (lens == 1) ? true : false; | ||
| 851 | + DTS.month = (lens < 3) ? true : false; | ||
| 852 | + DTS.day = (lens > 2 && lens <= 6) ? true : false; | ||
| 853 | + var electVal = (lens>1 && lens <=6) ? yearVal : parseInt(that.selectDate[0].YYYY); | ||
| 854 | + that.storeData(jet.extend({YYYY:electVal,MM:dateM,DD:dateD},that.selectTime[0]),{}); | ||
| 855 | + that.renderDate(); | ||
| 856 | + }, | ||
| 857 | + monthClick:function (val) { | ||
| 858 | + if(jet.hasClass(this,"disabled")) return; | ||
| 859 | + var ymval = jet.reMatch(val),newArr = [{},{}],mlen = that.selectValue.length ; | ||
| 860 | + if(range){ | ||
| 861 | + that.selectDate = (mlen == 2) ? [{YYYY:ymval[0],MM:ymval[1]}] : | ||
| 862 | + [{YYYY:that.selectDate[0].YYYY,MM:that.selectDate[0].MM},{YYYY:parseInt(val),MM:ymval[1]}]; | ||
| 863 | + that.selectValue = (mlen == 2) ? [val] : [that.selectValue[0],val]; | ||
| 864 | + | ||
| 865 | + if(that.selectValue.length == 2){ | ||
| 866 | + var svalarr = [that.selectValue[0],that.selectValue[1]]; | ||
| 867 | + svalarr.sort(function(a, b){ return a > b ? 1 : -1; }); | ||
| 868 | + that.selectValue = svalarr; | ||
| 869 | + jet.each(svalarr,function(i,strval) { | ||
| 870 | + jet.each(jet.reMatch(strval),function(s,dval) { | ||
| 871 | + newArr[i][ymdzArr[s]] = dval; | ||
| 872 | + }); | ||
| 873 | + }); | ||
| 874 | + that.selectDate = newArr; | ||
| 875 | + } | ||
| 876 | + }else{ | ||
| 877 | + that.selectValue = [val]; | ||
| 878 | + that.selectDate = [{YYYY:ymval[0],MM:ymval[1]}]; | ||
| 879 | + } | ||
| 880 | + if(that.dlen > 2){ | ||
| 881 | + DTS.year = false; | ||
| 882 | + DTS.month = false; | ||
| 883 | + } | ||
| 884 | + DTS.day = (that.dlen > 2 && that.dlen <= 6) ? true : false; | ||
| 885 | + that.storeData(jet.extend({ | ||
| 886 | + YYYY:parseInt(that.selectDate[0].YYYY), | ||
| 887 | + MM:parseInt(that.selectDate[0].MM), | ||
| 888 | + DD:dateD | ||
| 889 | + },that.selectTime[0]),{}); | ||
| 890 | + that.renderDate(); | ||
| 891 | + }, | ||
| 892 | + daysClick:function (val) { | ||
| 893 | + if(jet.hasClass(this,"disabled")) return; | ||
| 894 | + var tmval = that.selectTime, matVal = jet.reMatch(val), | ||
| 895 | + slen = that.selectValue.length,dateVal = "", | ||
| 896 | + newArr = [{},{}],sday,nYM,ymarr; | ||
| 897 | + if(range){ | ||
| 898 | + | ||
| 899 | + if(slen == 1){ | ||
| 900 | + var svalarr = [that.selectValue[0],val]; | ||
| 901 | + svalarr.sort(function(a, b){ return a > b ? 1 : -1; }); | ||
| 902 | + that.selectValue = svalarr; | ||
| 903 | + jet.each(svalarr,function(i,strval) { | ||
| 904 | + jet.each(jet.reMatch(strval),function(s,dval) { | ||
| 905 | + newArr[i][ymdzArr[s]] = dval; | ||
| 906 | + }); | ||
| 907 | + }); | ||
| 908 | + that.selectDate = newArr; | ||
| 909 | + }else{ | ||
| 910 | + that.selectValue = [val]; | ||
| 911 | + newArr = [{YYYY:matVal[0],MM:matVal[1],DD:matVal[2]}]; | ||
| 912 | + that.selectDate = [{YYYY:matVal[0],MM:matVal[1],DD:matVal[2]},{}]; | ||
| 913 | + } | ||
| 914 | + nYM = jet.nextMonth(newArr[0].YYYY,newArr[0].MM); | ||
| 915 | + ymarr = [{YYYY:newArr[0].YYYY,MM:newArr[0].MM,DD:newArr[0].DD},{YYYY:nYM.y,MM:nYM.m,DD:null}]; | ||
| 916 | + that.storeData(jet.extend(ymarr[0],tmval[0]),jet.extend(ymarr[1],tmval[1])); | ||
| 917 | + that.renderDate(); | ||
| 918 | + }else{ | ||
| 919 | + that.selectValue = [val]; | ||
| 920 | + that.selectDate = [{YYYY:matVal[0],MM:matVal[1],DD:matVal[2]},{YYYY:matVal[0],MM:matVal[1],DD:matVal[2]}]; | ||
| 921 | + jet.each(new Array(range == false ? 1 : 2),function (a) { | ||
| 922 | + jet.each(matVal,function (i,val) { | ||
| 923 | + newArr[a][ymdzArr[i]] = val; | ||
| 924 | + }); | ||
| 925 | + jet.extend(newArr[a],tmval[a]); | ||
| 926 | + }); | ||
| 927 | + if(opts.onClose){ | ||
| 928 | + that.storeData(jet.extend(newArr[0],tmval[0]),jet.extend(newArr[1],tmval[1])); | ||
| 929 | + that.renderDate(); | ||
| 930 | + }else{ | ||
| 931 | + dateVal = that.setValue(newArr,that.format); | ||
| 932 | + that.closeDate(); | ||
| 933 | + opts.donefun && opts.donefun.call(that,{elem:that.valCell,val:dateVal,date:newArr}); | ||
| 934 | + } | ||
| 935 | + } | ||
| 936 | + }, | ||
| 937 | + hmsClick:function(idx,num) { | ||
| 938 | + var pidx = parseInt(num), vals = parseInt(jet.text(this)), | ||
| 939 | + paridx = parseInt(idx), act = "action",mhms = ["hh","mm","ss"], | ||
| 940 | + ulCell = $Q(".jedate-time",that.dateCell).querySelectorAll("ul")[pidx], | ||
| 941 | + tlen = that.$data.timelist[0].length; | ||
| 942 | + if(jet.hasClass(this,"disabled")) return; | ||
| 943 | + jet.each(ulCell.childNodes,function (i,node) { | ||
| 944 | + var reg = new RegExp("(^|\\s+)" + act + "(\\s+|$)", "g"); | ||
| 945 | + node.className = reg.test(node.className) ? node.className.replace(reg, '') : node.className; | ||
| 946 | + }); | ||
| 947 | + that.selectTime[paridx][paridx == 1 ? mhms[pidx-tlen]:mhms[pidx]] = vals; | ||
| 948 | + this.className = this.className + act; | ||
| 949 | + var hmsCls = ulCell.querySelector("."+act); | ||
| 950 | + ulCell.scrollTop = hmsCls ? (hmsCls.offsetTop-145):0; | ||
| 951 | + if(that.dlen == 7 && idx == 0 && range && !multi){ | ||
| 952 | + var nVal = that.getValue({}), nYM = jet.nextMonth(nVal[0].YYYY,nVal[0].MM),st = that.selectTime; | ||
| 953 | + that.storeData( | ||
| 954 | + {YYYY:nVal[0].YYYY,MM:nVal[0].MM,DD:null,hh:st[0].hh,mm:st[0].mm,ss:st[0].ss}, | ||
| 955 | + {YYYY:nYM.y,MM:nYM.m,DD:null,hh:st[1].hh,mm:st[1].mm,ss:st[1].ss} | ||
| 956 | + ); | ||
| 957 | + that.renderDate(); | ||
| 958 | + } | ||
| 959 | + }, | ||
| 960 | + timeBtn:function() { | ||
| 961 | + var timeCell = $Q(".jedate-time",elCell), disNo = timeCell.style.display == "none"; | ||
| 962 | + jet.text(this,disNo ? opts.language.backtxt:opts.language.timetxt[0]); | ||
| 963 | + jet.setCss(timeCell,{display: disNo ? "block":"none"}); | ||
| 964 | + }, | ||
| 965 | + //清空按钮函数 | ||
| 966 | + clearBtn:function () { | ||
| 967 | + jet.valText(that.valCell,""); | ||
| 968 | + that.selectDate = [jet.parse(jet.getDateTime({}),"YYYY-MM-DD hh:mm:ss")]; | ||
| 969 | + that.closeDate(); | ||
| 970 | + }, | ||
| 971 | + //现在按钮函数 | ||
| 972 | + nowBtn:function () { | ||
| 973 | + var newArr = jet.getDateTime({}), nYM = jet.nextMonth(newArr.YYYY,newArr.MM), dateVal; | ||
| 974 | + that.selectDate = [newArr]; | ||
| 975 | + dateVal = opts.isShow ? that.setValue([newArr],that.format,true) : jet.parse(newArr,that.format); | ||
| 976 | + if(opts.onClose && range || !opts.isShow){ | ||
| 977 | + that.storeData(newArr,{YYYY:nYM.y,MM:nYM.m,DD:null,hh:0,mm:0,ss:0}); | ||
| 978 | + that.renderDate(); | ||
| 979 | + }else{ | ||
| 980 | + that.closeDate(); | ||
| 981 | + } | ||
| 982 | + opts.donefun && opts.donefun.call(that,{elem:that.valCell,val:dateVal,date:newArr}); | ||
| 983 | + }, | ||
| 984 | + //确认按钮函数 | ||
| 985 | + sureBtn:function () { | ||
| 986 | + var newArr = that.selectValue.length > 1 ? [{},{}]: [{}], dateVal = "", tmval = that.selectTime; | ||
| 987 | + var equal = function (o) { | ||
| 988 | + var h = o.hh == undefined ? 0:o.hh, m = o.mm == undefined ? 0:o.mm, s = o.ss == undefined ? 0:o.ss; | ||
| 989 | + return parseInt(jet.digit(h)+""+jet.digit(m)+""+jet.digit(s)); | ||
| 990 | + }; | ||
| 991 | + if(range){ | ||
| 992 | + if(that.selectValue.length > 1){ | ||
| 993 | + var sortarr = that.selectValue; | ||
| 994 | + sortarr.sort(function(a, b){ return a > b ? 1 : -1; }); | ||
| 995 | + jet.each(sortarr,function (i,arr) { | ||
| 996 | + jet.each(jet.reMatch(arr),function (a,val) { | ||
| 997 | + newArr[i][ymdzArr[a]] = val; | ||
| 998 | + }); | ||
| 999 | + jet.extend(newArr[i],tmval[i]); | ||
| 1000 | + }); | ||
| 1001 | + }else if(that.dlen == 7 && tmval.length>1){ | ||
| 1002 | + newArr = tmval; | ||
| 1003 | + } | ||
| 1004 | + var sameTime = equal(tmval[0]) >= equal(tmval[1]),selVal = that.selectValue, sameDate = ""; | ||
| 1005 | + if(selVal[1] != undefined) sameDate = selVal[0].replace(/\-/g,"") == selVal[1].replace(/\-/g,""); | ||
| 1006 | + if(selVal.length == 1 && that.dlen < 7){ | ||
| 1007 | + that.tips(opts.language.name == "cn" ? "未选结束日期" : "Please select the end date"); return; | ||
| 1008 | + }else if((that.dlen == 7 && sameTime) || (sameDate && sameTime)){ | ||
| 1009 | + that.tips(opts.language.name == "cn" ? "结束时间必须大于开始时间" : "The end time must be greater than the start time"); return; | ||
| 1010 | + } | ||
| 1011 | + }else{ | ||
| 1012 | + jet.each(new Array(range == false ? 1 : 2),function (i) { | ||
| 1013 | + if(that.dlen != 7) jet.each(jet.reMatch(that.selectValue[0]),function (a,val) { | ||
| 1014 | + newArr[i][ymdzArr[a]] = val; | ||
| 1015 | + }); | ||
| 1016 | + jet.extend(newArr[i],tmval[i]); | ||
| 1017 | + }); | ||
| 1018 | + } | ||
| 1019 | + dateVal = that.setValue(newArr,that.format,opts.isShow ? true:false); | ||
| 1020 | + opts.isShow && that.closeDate(); | ||
| 1021 | + opts.donefun && opts.donefun.call(that,{elem:that.valCell,val:dateVal,date:newArr}); | ||
| 1022 | + }, | ||
| 1023 | + blankArea:function () { | ||
| 1024 | + jet.on(document,"mouseup",function (ev) { | ||
| 1025 | + jet.stopPropagation(ev); | ||
| 1026 | + that.closeDate(); | ||
| 1027 | + }); | ||
| 1028 | + jet.on($Q(elx),"mouseup", function(ev) { | ||
| 1029 | + jet.stopPropagation(ev); | ||
| 1030 | + }); | ||
| 1031 | + } | ||
| 1032 | + }); | ||
| 1033 | + }, | ||
| 1034 | + //循环生成年数据 | ||
| 1035 | + eachYear : function (val,type) { | ||
| 1036 | + var that = this,opts = that.$opts, yNum = parseInt(val),yarr = [],seCls='', selYear = that.selectDate,i, | ||
| 1037 | + mins = jet.reMatch(that.minDate), maxs = jet.reMatch(that.maxDate); | ||
| 1038 | + i = type == 1 ? yNum : that.yindex; | ||
| 1039 | + that.yindex = type == 1 ? 12+yNum : 12+that.yindex; | ||
| 1040 | + var endDate = selYear[1] == undefined ? "":selYear[1].YYYY; | ||
| 1041 | + for(; i < that.yindex; i++){ | ||
| 1042 | + if(i == selYear[0].YYYY || i == endDate){ | ||
| 1043 | + seCls = "action"; | ||
| 1044 | + }else if(i>selYear[0].YYYY && i<endDate){ | ||
| 1045 | + seCls = "contain"; | ||
| 1046 | + }else if(i < mins[0] || i > maxs[0]){ | ||
| 1047 | + seCls = "disabled"; | ||
| 1048 | + }else{ | ||
| 1049 | + seCls = ""; | ||
| 1050 | + } | ||
| 1051 | + yarr.push({style:seCls,y:i}); | ||
| 1052 | + } | ||
| 1053 | + return yarr; | ||
| 1054 | + }, | ||
| 1055 | + //循环生成月数据 | ||
| 1056 | + eachMonth : function (val,type) { | ||
| 1057 | + var that = this,opts = that.$opts, range = opts.range, marr = [], | ||
| 1058 | + selMonth = that.selectDate, seCls='',monthArr = opts.language.month , | ||
| 1059 | + mins = jet.reMatch(that.minDate), maxs = jet.reMatch(that.maxDate), | ||
| 1060 | + minym = parseInt(mins[0]+""+jet.digit(mins[1])), | ||
| 1061 | + maxym = parseInt(maxs[0]+""+jet.digit(maxs[1])), | ||
| 1062 | + currStart = parseInt(selMonth[0].YYYY+""+jet.digit(selMonth[0].MM)), | ||
| 1063 | + currEnd = selMonth[1] ? parseInt(selMonth[1].YYYY+""+jet.digit(selMonth[1].MM)) : 0; | ||
| 1064 | + jet.each(monthArr,function (i,months) { | ||
| 1065 | + var ival = parseInt(val+""+jet.digit(months)); | ||
| 1066 | + if(ival == currStart || ival == currEnd){ | ||
| 1067 | + seCls = "action"; | ||
| 1068 | + }else if(ival > currStart && ival < currEnd){ | ||
| 1069 | + seCls = "contain"; | ||
| 1070 | + }else if(ival < minym || ival > maxym){ | ||
| 1071 | + seCls = "disabled"; | ||
| 1072 | + }else{ | ||
| 1073 | + seCls = ""; | ||
| 1074 | + } | ||
| 1075 | + marr.push({style:seCls ,y:val ,m:months}); | ||
| 1076 | + }); | ||
| 1077 | + return marr; | ||
| 1078 | + }, | ||
| 1079 | + //循环生成天数据 | ||
| 1080 | + eachDays : function (yd,md,ds,idx) { | ||
| 1081 | + var that = this, count = 0, daysArr = [],opts = that.$opts, multiPane = jet.isBool(opts.multiPane), | ||
| 1082 | + firstWeek = new Date(yd, md - 1, 1).getDay() || 7,valrange = opts.range != false, | ||
| 1083 | + daysNum = jet.getDaysNum(yd, md), didx = 0, sDate = that.selectDate, | ||
| 1084 | + prevM = jet.prevMonth(yd, md),isShow = jet.isBool(opts.isShow), | ||
| 1085 | + prevDaysNum = jet.getDaysNum(yd, prevM.m),nextM = jet.nextMonth(yd, md), objCell = that.valCell, | ||
| 1086 | + lang = opts.language, endval = opts.valiDate||[], | ||
| 1087 | + minArr = jet.reMatch(that.minDate), minNum = parseInt(minArr[0]+""+jet.digit(minArr[1])+""+jet.digit(minArr[2])), | ||
| 1088 | + maxArr = jet.reMatch(that.maxDate), maxNum = parseInt(maxArr[0]+""+jet.digit(maxArr[1])+""+jet.digit(maxArr[2])); | ||
| 1089 | + var startDate = sDate[0] ? parseInt(sDate[0].YYYY+""+jet.digit(sDate[0].MM)+""+jet.digit(sDate[0].DD)) : ""; | ||
| 1090 | + var endDate = sDate[1] ? parseInt(sDate[1].YYYY+""+jet.digit(sDate[1].MM)+""+jet.digit(sDate[1].DD)) : ""; | ||
| 1091 | + //设置时间标注 | ||
| 1092 | + var setMark = function (my, mm, md) { | ||
| 1093 | + var Marks = opts.marks, contains = function(arr, obj) { | ||
| 1094 | + var clen = arr.length; | ||
| 1095 | + while (clen--) { if (arr[clen] === obj) return true; } | ||
| 1096 | + return false; | ||
| 1097 | + },isArr = jet.isType(Marks,"array"); | ||
| 1098 | + return isArr && Marks.length > 0 && contains(Marks, my + "-" + jet.digit(mm) + "-" + jet.digit(md)) ? '<i class="marks"></i>' :""; | ||
| 1099 | + }; | ||
| 1100 | + //是否显示节日 | ||
| 1101 | + var isfestival = function(y, m ,d) { | ||
| 1102 | + var festivalStr = ''; | ||
| 1103 | + if(opts.festival == true && lang.name == "cn"){ | ||
| 1104 | + var lunar = jeLunar(y, m - 1, d), feslunar = (lunar.solarFestival || lunar.lunarFestival), | ||
| 1105 | + lunartext = (feslunar && lunar.jieqi) != "" ? feslunar : (lunar.jieqi || lunar.showInLunar); | ||
| 1106 | + festivalStr = '<p><span class="solar">' + d + '</span><span class="lunar">' + lunartext + '</span></p>'; | ||
| 1107 | + }else{ | ||
| 1108 | + festivalStr = '<p class="nolunar">' + d + '</p>'; | ||
| 1109 | + } | ||
| 1110 | + return festivalStr; | ||
| 1111 | + }; | ||
| 1112 | + //判断是否在限制的日期之中 | ||
| 1113 | + var dateLimit = function(Y, M, D, isMonth){ | ||
| 1114 | + var thatNum = parseInt(Y + "" + jet.digit(M) + "" + jet.digit(D)); | ||
| 1115 | + if(isMonth){ | ||
| 1116 | + if (thatNum >= minNum && thatNum <= maxNum) return true; | ||
| 1117 | + }else { | ||
| 1118 | + if (minNum > thatNum || maxNum < thatNum) return true; | ||
| 1119 | + } | ||
| 1120 | + }; | ||
| 1121 | + | ||
| 1122 | + var regExpDate = function (date,cls) { | ||
| 1123 | + var inArray = function (search,array){ | ||
| 1124 | + for(var i in array) if(array[i]==search) return true; | ||
| 1125 | + return false; | ||
| 1126 | + }; | ||
| 1127 | + if(endval.length > 0 && endval[0]!=""){ | ||
| 1128 | + if(/\%/g.test(endval[0])){ | ||
| 1129 | + var reval = endval[0].replace(/\%/g,"").split(","), enArr = []; | ||
| 1130 | + jet.each(reval,function (r,rel) { | ||
| 1131 | + enArr.push(jet.digit(parseInt(rel))); | ||
| 1132 | + }); | ||
| 1133 | + var isfind = inArray(jet.digit(date), enArr) == false; | ||
| 1134 | + cls = jet.isBool(endval[1]) ? (isfind ? " disabled" :cls) : (isfind ? cls :" disabled"); | ||
| 1135 | + }else { | ||
| 1136 | + var valreg = that.dateRegExp(endval[0]), regday = valreg.test(jet.digit(date)); | ||
| 1137 | + cls = jet.isBool(endval[1]) ? (regday ? " disabled" : cls) : (regday ? cls : " disabled"); | ||
| 1138 | + } | ||
| 1139 | + } | ||
| 1140 | + return cls; | ||
| 1141 | + }; | ||
| 1142 | + | ||
| 1143 | + //var ymds = ymdarr[1] | ||
| 1144 | + //上一月剩余天数 | ||
| 1145 | + for (var p = prevDaysNum - firstWeek + 1; p <= prevDaysNum; p++, count++) { | ||
| 1146 | + var pmark = setMark(prevM.y,prevM.m,p), pcls = dateLimit(prevM.y, prevM.m, p, false) ? "disabled" : "other"; | ||
| 1147 | + pcls = regExpDate(p,pcls); | ||
| 1148 | + daysArr.push({style:pcls,ymd:prevM.y+'-'+jet.digit(prevM.m)+'-'+jet.digit(p),day:(isfestival(prevM.y,prevM.m,p) + pmark)}); | ||
| 1149 | + } | ||
| 1150 | + //本月的天数 | ||
| 1151 | + for(var b = 1; b <= daysNum; b++, count++){ | ||
| 1152 | + var bmark = setMark(yd,md,b), bcls = ""; | ||
| 1153 | + var dateval = parseInt(yd+""+jet.digit(md)+""+jet.digit(b)), | ||
| 1154 | + parsdate = dateval > startDate, rangdate = dateval < endDate; | ||
| 1155 | + if(dateLimit(yd, md, b, true)){ | ||
| 1156 | + if(dateval == startDate || dateval == endDate){ | ||
| 1157 | + bcls = " action"; | ||
| 1158 | + }else if(parsdate&&rangdate){ | ||
| 1159 | + bcls = " contain"; | ||
| 1160 | + }else { | ||
| 1161 | + bcls = ""; | ||
| 1162 | + } | ||
| 1163 | + }else { | ||
| 1164 | + bcls = " disabled"; | ||
| 1165 | + } | ||
| 1166 | + bcls = regExpDate(b,bcls); | ||
| 1167 | + daysArr.push({style:"normal"+bcls,ymd:yd+'-'+jet.digit(md)+'-'+jet.digit(b),day:(isfestival(yd,md,b) + bmark)}); | ||
| 1168 | + } | ||
| 1169 | + //下一月开始天数 | ||
| 1170 | + for(var n = 1, nlen = 42 - count; n <= nlen; n++){ | ||
| 1171 | + var nmark = setMark(nextM.y,nextM.m,n); | ||
| 1172 | + var ncls = dateLimit(nextM.y, nextM.m, n, false) ? "disabled" : "other"; | ||
| 1173 | + ncls = regExpDate(n,ncls); | ||
| 1174 | + daysArr.push({style:ncls,ymd:nextM.y+'-'+jet.digit(nextM.m)+'-'+jet.digit(n),day:(isfestival(nextM.y,nextM.m,n) + nmark)}); | ||
| 1175 | + } | ||
| 1176 | + //将星期与日期拼接起来 | ||
| 1177 | + return daysArr; | ||
| 1178 | + }, | ||
| 1179 | + eachTime : function (hmsArr,type) { | ||
| 1180 | + var that = this,opts = that.$opts, range = opts.range,multi = opts.multiPane, minVal = [], maxVal = [], | ||
| 1181 | + mhms = ["hh","mm","ss"], timeArr = [],hmsCls = '',format = that.format, | ||
| 1182 | + ntVal = jet.trim(that.minDate).replace(/\s+/g," "), | ||
| 1183 | + xtVal = jet.trim(that.maxDate).replace(/\s+/g," "), | ||
| 1184 | + nVal = ntVal.split(" "), xVal = xtVal.split(" "); | ||
| 1185 | + if(that.dlen>3 && /\:/.test(nVal) && /\:/.test(xVal)){ | ||
| 1186 | + minVal = jet.reMatch(/\s/.test(ntVal)&&that.dlen>3 ? nVal[1] : ntVal); | ||
| 1187 | + maxVal = jet.reMatch(/\s/.test(xtVal)&&that.dlen>3 ? xVal[1] : xtVal); | ||
| 1188 | + } | ||
| 1189 | + jet.each([24,60,60],function (s,lens) { | ||
| 1190 | + timeArr[s] = []; | ||
| 1191 | + var unhmsVal = minVal[s] == undefined || minVal[s] == 0 ? hmsArr[mhms[s]] : minVal[s], | ||
| 1192 | + currVal = that.getValue() == "" ? unhmsVal : hmsArr[mhms[s]]; | ||
| 1193 | + if(that.dlen>3 && /\:/.test(nVal) && type==1){ | ||
| 1194 | + that.selectTime[0][mhms[s]] = currVal; | ||
| 1195 | + } | ||
| 1196 | + for (var h = 0; h < lens; h++) { | ||
| 1197 | + var exists = new RegExp(mhms[s],"g").test(format); | ||
| 1198 | + if(h == currVal){ | ||
| 1199 | + hmsCls = exists ? "action" : "disabled"; | ||
| 1200 | + }else if(!exists || !range && multi &&(h<minVal[s] ||h>maxVal[s])){ | ||
| 1201 | + hmsCls = "disabled"; | ||
| 1202 | + }else if(!multi){ | ||
| 1203 | + hmsCls = type == 1&&h<minVal[s] || type == 2&&h>maxVal[s] ? "disabled" : ""; | ||
| 1204 | + }else{ | ||
| 1205 | + hmsCls = ""; | ||
| 1206 | + } | ||
| 1207 | + timeArr[s].push({style:hmsCls,hms:h}); | ||
| 1208 | + } | ||
| 1209 | + }); | ||
| 1210 | + return timeArr; | ||
| 1211 | + }, | ||
| 1212 | + //关闭日期控件 | ||
| 1213 | + closeDate : function () { | ||
| 1214 | + var elem = $Q(elx), tipelem = $Q("#jedatetipscon"); | ||
| 1215 | + elem && document.body.removeChild(elem); | ||
| 1216 | + tipelem && document.body.removeChild(tipelem); | ||
| 1217 | + //再次初始化值 | ||
| 1218 | + this.setDatas(); | ||
| 1219 | + }, | ||
| 1220 | + //转换日期值 | ||
| 1221 | + parseValue : function (fnObj,matStr) { | ||
| 1222 | + var that = this, valArr=[],opts = that.$opts, range = opts.range; | ||
| 1223 | + jet.each(fnObj,function (i,val) { | ||
| 1224 | + valArr.push(jet.parse(val, matStr)); | ||
| 1225 | + }); | ||
| 1226 | + return range == false ? valArr[0] : valArr.join(range); | ||
| 1227 | + }, | ||
| 1228 | + //初始验证正则 | ||
| 1229 | + dateRegExp : function(valArr) { | ||
| 1230 | + var enval = valArr.split(",")||[], regs = ""; | ||
| 1231 | + var doExp = function (val) { | ||
| 1232 | + var arr, tmpEval, regs = /#?\{(.*?)\}/; | ||
| 1233 | + val = val + ""; | ||
| 1234 | + while ((arr = regs.exec(val)) != null) { | ||
| 1235 | + arr.lastIndex = arr.index + arr[1].length + arr[0].length - arr[1].length - 1; | ||
| 1236 | + tmpEval = parseInt(eval(arr[1])); | ||
| 1237 | + if (tmpEval < 0) tmpEval = "9700" + -tmpEval; | ||
| 1238 | + val = val.substring(0, arr.index) + tmpEval + val.substring(arr.lastIndex + 1); | ||
| 1239 | + } | ||
| 1240 | + return val; | ||
| 1241 | + }; | ||
| 1242 | + if (enval && enval.length > 0) { | ||
| 1243 | + for (var i = 0; i < enval.length; i++) { | ||
| 1244 | + regs += doExp(enval[i]); | ||
| 1245 | + if (i != enval.length - 1) regs += "|"; | ||
| 1246 | + } | ||
| 1247 | + regs = regs ? new RegExp("(?:" + regs + ")") : null; | ||
| 1248 | + } else { | ||
| 1249 | + regs = null; | ||
| 1250 | + } | ||
| 1251 | + //re = new RegExp((re + "").replace(/^\/\(\?:(.*)\)\/.*/, "$1")); | ||
| 1252 | + return regs; | ||
| 1253 | + }, | ||
| 1254 | + //显示农历节日 | ||
| 1255 | + showFestival:function () { | ||
| 1256 | + var that = this, opts = that.$opts; | ||
| 1257 | + jet.each(that.dateCell.querySelectorAll(".daystable td"),function (i,node) { | ||
| 1258 | + var tval = jet.reMatch(jet.attr(node,"ymd")),tipDiv = document.createElement("div"); | ||
| 1259 | + node.removeAttribute("ymd"); | ||
| 1260 | + //鼠标进入提示框出现 | ||
| 1261 | + jet.on(node,"mouseover",function () { | ||
| 1262 | + var lunar = new jeLunar(tval[0], tval[1] - 1, tval[2]); | ||
| 1263 | + if($Q("#jedatetipscon")) return; | ||
| 1264 | + tipDiv.id = tipDiv.className = "jedatetipscon"; | ||
| 1265 | + var tiphtml = '<p>' + lunar.solarYear + '\u5E74' + lunar.solarMonth + '\u6708' + lunar.solarDate + '\u65E5 ' + lunar.inWeekDays + '</p><p class="red">\u519C\u5386：' + lunar.shengxiao + '\u5E74 ' + lunar.lnongMonth + '\u6708' + lunar.lnongDate + '</p><p>' + lunar.ganzhiYear + '\u5E74 ' + lunar.ganzhiMonth + '\u6708 ' + lunar.ganzhiDate + '\u65E5</p>'; | ||
| 1266 | + var Fesjieri = (lunar.solarFestival || lunar.lunarFestival) != "" ? '<p class="red">' + ("\u8282\u65E5："+lunar.solarFestival + lunar.lunarFestival) + '</p>' : ""; | ||
| 1267 | + var Fesjieqi = lunar.jieqi != "" ? '<p class="red">'+(lunar.jieqi != "" ? "\u8282\u6C14："+lunar.jieqi : "") + '</p>': ""; | ||
| 1268 | + var tiptext = (lunar.solarFestival || lunar.lunarFestival || lunar.jieqi) != "" ? (Fesjieri + Fesjieqi) : ""; | ||
| 1269 | + jet.html(tipDiv,tiphtml + tiptext); | ||
| 1270 | + document.body.appendChild(tipDiv); | ||
| 1271 | + //获取并设置农历提示框出现的位置 | ||
| 1272 | + var tipPos = that.lunarOrien(tipDiv, this); | ||
| 1273 | + jet.setCss(tipDiv,{"zIndex": (opts.zIndex == undefined ? 10000 + 5 : opts.zIndex + 5),top:tipPos.top,left:tipPos.left,position:"absolute",display:"block"}); | ||
| 1274 | + }); | ||
| 1275 | + //鼠标移除提示框消失 | ||
| 1276 | + jet.on(node,"mouseout",function () { | ||
| 1277 | + document.body.removeChild($Q("#jedatetipscon")); | ||
| 1278 | + }); | ||
| 1279 | + }); | ||
| 1280 | + if (that.dateCell.nodeType === 1 && !jet.hasClass(that.dateCell,"grid")) that.dateCell.className = that.dateCell.className + " grid"; | ||
| 1281 | + }, | ||
| 1282 | + //农历方位辨别 | ||
| 1283 | + lunarOrien : function(obj, self, pos) { | ||
| 1284 | + var tops, leris, ortop, orleri, rect =self.getBoundingClientRect(), boxW = obj.offsetWidth, boxH = obj.offsetHeight; | ||
| 1285 | + leris = rect.right + boxW / 1.5 >= jet.docArea(true) ? rect.right - boxW : rect.left + (pos ? 0 : jet.docScroll(true)); | ||
| 1286 | + tops = rect.bottom + boxH / 1 <= jet.docArea() ? rect.bottom - 1 : rect.top > boxH / 1.5 ? rect.top - boxH - 1 : jet.docArea() - boxH; | ||
| 1287 | + if(leris + boxW > jet.docArea(true)) leris = rect.left - (boxW - rect.width); | ||
| 1288 | + ortop = Math.max(tops + (pos ? 0 :jet.docScroll()) + 1, 1) + "px", orleri = leris + "px"; | ||
| 1289 | + return {top: ortop, left: orleri } | ||
| 1290 | + }, | ||
| 1291 | + //辨别控件的方位 | ||
| 1292 | + dateOrien : function(elbox, valCls, pos) { | ||
| 1293 | + var that = this, tops, leris, ortop, orleri, | ||
| 1294 | + rect = that.$opts.fixed ? valCls.getBoundingClientRect() : elbox.getBoundingClientRect(), | ||
| 1295 | + leris = rect.left, tops = rect.bottom; | ||
| 1296 | + if(that.$opts.fixed) { | ||
| 1297 | + var boxW = elbox.offsetWidth, boxH = elbox.offsetHeight; | ||
| 1298 | + //如果右侧超出边界 | ||
| 1299 | + if(leris + boxW > jet.docArea(true)){ | ||
| 1300 | + leris = leris - (boxW - rect.width); | ||
| 1301 | + } | ||
| 1302 | + //如果底部超出边界 | ||
| 1303 | + if(tops + boxH > jet.docArea()){ | ||
| 1304 | + tops = rect.top > boxH ? rect.top - boxH -2 : jet.docArea() - boxH -1; | ||
| 1305 | + } | ||
| 1306 | + //根据目标元素计算弹层位置 | ||
| 1307 | + ortop = Math.max(tops + (pos ? 0 :jet.docScroll())+1, 1) + "px"; orleri = leris + "px"; | ||
| 1308 | + }else{ | ||
| 1309 | + //弹层位置位于页面上下左右居中 | ||
| 1310 | + ortop = "50%"; orleri = "50%"; | ||
| 1311 | + elbox.style.cssText = "marginTop:"+-(rect.height / 2)+";marginLeft:"+-(rect.width / 2); | ||
| 1312 | + } | ||
| 1313 | + jet.setCss(elbox,{top:ortop,left:orleri}); | ||
| 1314 | + }, | ||
| 1315 | + tips : function (text, time) { | ||
| 1316 | + var that = this, tipCls = $Q(".jedate-tips",that.dateCell),tipTime; | ||
| 1317 | + jet.html(tipCls,text||""); jet.setCss(tipCls,{display:"block"}); | ||
| 1318 | + clearTimeout(tipTime); | ||
| 1319 | + tipTime = setTimeout(function(){ | ||
| 1320 | + jet.html(tipCls,""); jet.setCss(tipCls,{display:"none"}); | ||
| 1321 | + }, (time||2.5)*1000); | ||
| 1322 | + }, | ||
| 1323 | + locateScroll : function () { | ||
| 1324 | + var that = this, ulCell = $Q(".jedate-time",that.dateCell).querySelectorAll("ul"); | ||
| 1325 | + jet.each(ulCell, function(i,cell) { | ||
| 1326 | + var hmsCls = cell.querySelector(".action"); | ||
| 1327 | + cell.scrollTop = hmsCls ? (hmsCls.offsetTop-145):0; | ||
| 1328 | + }); | ||
| 1329 | + if(that.dlen != 7) jet.setCss($Q(".jedate-time",that.dateCell),{display:'none'}); | ||
| 1330 | + } | ||
| 1331 | + }); | ||
| 1332 | + | ||
| 1333 | + //农历数据 | ||
| 1334 | + function jeLunar(ly,lm,ld) { | ||
| 1335 | + var lunarInfo=[19416,19168,42352,21717,53856,55632,91476,22176,39632,21970,19168,42422,42192,53840,119381,46400,54944,44450,38320,84343,18800,42160,46261,27216,27968,109396,11104,38256,21234,18800,25958,54432,59984,28309,23248,11104,100067,37600,116951,51536,54432,120998,46416,22176,107956,9680,37584,53938,43344,46423,27808,46416,86869,19872,42448,83315,21200,43432,59728,27296,44710,43856,19296,43748,42352,21088,62051,55632,23383,22176,38608,19925,19152,42192,54484,53840,54616,46400,46496,103846,38320,18864,43380,42160,45690,27216,27968,44870,43872,38256,19189,18800,25776,29859,59984,27480,21952,43872,38613,37600,51552,55636,54432,55888,30034,22176,43959,9680,37584,51893,43344,46240,47780,44368,21977,19360,42416,86390,21168,43312,31060,27296,44368,23378,19296,42726,42208,53856,60005,54576,23200,30371,38608,19415,19152,42192,118966,53840,54560,56645,46496,22224,21938,18864,42359,42160,43600,111189,27936,44448], | ||
| 1336 | + sTermInfo = [ 0, 21208, 43467, 63836, 85337, 107014, 128867, 150921, 173149, 195551, 218072, 240693, 263343, 285989, 308563, 331033, 353350, 375494, 397447, 419210, 440795, 462224, 483532, 504758 ]; | ||
| 1337 | + var Gan = "甲乙丙丁戊己庚辛壬癸", Zhi = "子丑寅卯辰巳午未申酉戌亥", Animals = "鼠牛虎兔龙蛇马羊猴鸡狗猪"; | ||
| 1338 | + var solarTerm = [ "小寒", "大寒", "立春", "雨水", "惊蛰", "春分", "清明", "谷雨", "立夏", "小满", | ||
| 1339 | + "芒种", "夏至", "小暑", "大暑", "立秋", "处暑", "白露", "秋分", "寒露", "霜降", "立冬", "小雪", "大雪", "冬至" ]; | ||
| 1340 | + var nStr1 = "日一二三四五六七八九十", nStr2 = "初十廿卅", nStr3 = [ "正", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "腊"], | ||
| 1341 | + sFtv1 = { | ||
| 1342 | + "0101" : "*1元旦节", "0202" : "湿地日", | ||
| 1343 | + "0214" : "情人节", "0308" : "妇女节", | ||
| 1344 | + "0312" : "植树节", "0315" : "消费者权益日", | ||
| 1345 | + "0401" : "愚人节", "0422" : "地球日", | ||
| 1346 | + "0501" : "*1劳动节", "0504" : "青年节", | ||
| 1347 | + "0512" : "护士节", "0518" : "博物馆日", | ||
| 1348 | + "0520" : "母亲节", "0601" : "儿童节", | ||
| 1349 | + "0623" : "奥林匹克日", "0630" : "父亲节", | ||
| 1350 | + "0701" : "建党节", "0801" : "建军节", | ||
| 1351 | + "0903" : "抗战胜利日", "0910" : "教师节", | ||
| 1352 | + "1001" : "*3国庆节", "1201" : "艾滋病日", | ||
| 1353 | + "1224" : "平安夜", "1225" : "圣诞节" | ||
| 1354 | + }, | ||
| 1355 | + sFtv2 = { | ||
| 1356 | + "0100" : "除夕", "0101" : "*2春节", | ||
| 1357 | + "0115" : "元宵节", "0505" : "*1端午节", | ||
| 1358 | + "0707" : "七夕节", "0715" : "中元节", | ||
| 1359 | + "0815" : "*1中秋节", "0909" : "*1重阳节", | ||
| 1360 | + "1015" : "下元节", "1208" : "腊八节", | ||
| 1361 | + "1223" : "小年" | ||
| 1362 | + | ||
| 1363 | + }; | ||
| 1364 | + function flunar(Y) { | ||
| 1365 | + var sTerm = function (j, i) { | ||
| 1366 | + var h = new Date((31556925974.7 * (j - 1900) + sTermInfo[i] * 60000) + Date.UTC(1900, 0, 6, 2, 5)); | ||
| 1367 | + return (h.getUTCDate()); | ||
| 1368 | + }, | ||
| 1369 | + d = function (k) { | ||
| 1370 | + var h, j = 348; | ||
| 1371 | + for (h = 32768; h > 8; h >>= 1) j += (lunarInfo[k - 1900] & h) ? 1 : 0; | ||
| 1372 | + return (j + b(k)); | ||
| 1373 | + }, | ||
| 1374 | + ymdCyl = function (h) { | ||
| 1375 | + return (Gan.charAt(h % 10) + Zhi.charAt(h % 12)); | ||
| 1376 | + }, | ||
| 1377 | + b = function (h) { | ||
| 1378 | + var islp = (g(h)) ? ((lunarInfo[h - 1900] & 65536) ? 30 : 29) : (0); | ||
| 1379 | + return islp; | ||
| 1380 | + }, | ||
| 1381 | + g = function (h) { | ||
| 1382 | + return (lunarInfo[h - 1900] & 15) | ||
| 1383 | + }, | ||
| 1384 | + e = function (i, h) { | ||
| 1385 | + return ((lunarInfo[i - 1900] & (65536 >> h)) ? 30 : 29); | ||
| 1386 | + }, | ||
| 1387 | + newymd = function (m) { | ||
| 1388 | + var k, j = 0, h = 0, l = new Date(1900, 0, 31), n = (m - l) / 86400000; | ||
| 1389 | + this.dayCyl = n + 40; | ||
| 1390 | + this.monCyl = 14; | ||
| 1391 | + for (k = 1900; k < 2050 && n > 0; k++) { | ||
| 1392 | + h = d(k); n -= h; | ||
| 1393 | + this.monCyl += 12; | ||
| 1394 | + } | ||
| 1395 | + if (n < 0) { | ||
| 1396 | + n += h; k--; | ||
| 1397 | + this.monCyl -= 12; | ||
| 1398 | + } | ||
| 1399 | + this.year = k; | ||
| 1400 | + this.yearCyl = k - 1864; | ||
| 1401 | + j = g(k); | ||
| 1402 | + this.isLeap = false; | ||
| 1403 | + for (k = 1; k < 13 && n > 0; k++) { | ||
| 1404 | + if (j > 0 && k == (j + 1) && this.isLeap == false) { | ||
| 1405 | + --k; | ||
| 1406 | + this.isLeap = true; | ||
| 1407 | + h = b(this.year); | ||
| 1408 | + } else { | ||
| 1409 | + h = e(this.year, k); | ||
| 1410 | + } | ||
| 1411 | + if (this.isLeap == true && k == (j + 1)) { | ||
| 1412 | + this.isLeap = false; | ||
| 1413 | + } | ||
| 1414 | + n -= h; | ||
| 1415 | + if (this.isLeap == false) this.monCyl++; | ||
| 1416 | + } | ||
| 1417 | + if (n == 0 && j > 0 && k == j + 1) { | ||
| 1418 | + if (this.isLeap) { | ||
| 1419 | + this.isLeap = false; | ||
| 1420 | + } else { | ||
| 1421 | + this.isLeap = true; | ||
| 1422 | + --k; | ||
| 1423 | + --this.monCyl; | ||
| 1424 | + } | ||
| 1425 | + } | ||
| 1426 | + if (n < 0) { | ||
| 1427 | + n += h; --k; | ||
| 1428 | + --this.monCyl; | ||
| 1429 | + } | ||
| 1430 | + this.month = k; | ||
| 1431 | + this.day = n + 1; | ||
| 1432 | + }, | ||
| 1433 | + digit = function (num) { | ||
| 1434 | + return num < 10 ? "0" + (num | 0) : num; | ||
| 1435 | + }, | ||
| 1436 | + reymd = function (i, j) { | ||
| 1437 | + var h = i; | ||
| 1438 | + return j.replace(/dd?d?d?|MM?M?M?|yy?y?y?/g, function (k) { | ||
| 1439 | + switch (k) { | ||
| 1440 | + case "yyyy": | ||
| 1441 | + var l = "000" + h.getFullYear(); | ||
| 1442 | + return l.substring(l.length - 4); | ||
| 1443 | + case "dd": return digit(h.getDate()); | ||
| 1444 | + case "d": return h.getDate().toString(); | ||
| 1445 | + case "MM": return digit((h.getMonth() + 1)); | ||
| 1446 | + case "M": return h.getMonth() + 1; | ||
| 1447 | + } | ||
| 1448 | + }); | ||
| 1449 | + }, | ||
| 1450 | + lunarMD = function (i, h) { | ||
| 1451 | + var j; | ||
| 1452 | + switch (i, h) { | ||
| 1453 | + case 10: j = "初十"; break; | ||
| 1454 | + case 20: j = "二十"; break; | ||
| 1455 | + case 30: j = "三十"; break; | ||
| 1456 | + default: | ||
| 1457 | + j = nStr2.charAt(Math.floor(h / 10)); | ||
| 1458 | + j += nStr1.charAt(h % 10); | ||
| 1459 | + } | ||
| 1460 | + return j; | ||
| 1461 | + }; | ||
| 1462 | + this.isToday = false; | ||
| 1463 | + this.isRestDay = false; | ||
| 1464 | + this.solarYear = reymd(Y, "yyyy"); | ||
| 1465 | + this.solarMonth = reymd(Y, "M"); | ||
| 1466 | + this.solarDate = reymd(Y, "d"); | ||
| 1467 | + this.solarWeekDay = Y.getDay(); | ||
| 1468 | + this.inWeekDays = "星期" + nStr1.charAt(this.solarWeekDay); | ||
| 1469 | + var X = new newymd(Y); | ||
| 1470 | + this.lunarYear = X.year; | ||
| 1471 | + this.shengxiao = Animals.charAt((this.lunarYear - 4) % 12); | ||
| 1472 | + this.lunarMonth = X.month; | ||
| 1473 | + this.lunarIsLeapMonth = X.isLeap; | ||
| 1474 | + this.lnongMonth = this.lunarIsLeapMonth ? "闰" + nStr3[X.month - 1] : nStr3[X.month - 1]; | ||
| 1475 | + this.lunarDate = X.day; | ||
| 1476 | + this.showInLunar = this.lnongDate = lunarMD(this.lunarMonth, this.lunarDate); | ||
| 1477 | + if (this.lunarDate == 1) { | ||
| 1478 | + this.showInLunar = this.lnongMonth + "月"; | ||
| 1479 | + } | ||
| 1480 | + this.ganzhiYear = ymdCyl(X.yearCyl); | ||
| 1481 | + this.ganzhiMonth = ymdCyl(X.monCyl); | ||
| 1482 | + this.ganzhiDate = ymdCyl(X.dayCyl++); | ||
| 1483 | + this.jieqi = ""; | ||
| 1484 | + this.restDays = 0; | ||
| 1485 | + if (sTerm(this.solarYear, (this.solarMonth - 1) * 2) == reymd(Y, "d")) { | ||
| 1486 | + this.showInLunar = this.jieqi = solarTerm[(this.solarMonth - 1) * 2]; | ||
| 1487 | + } | ||
| 1488 | + if (sTerm(this.solarYear, (this.solarMonth - 1) * 2 + 1) == reymd(Y, "d")) { | ||
| 1489 | + this.showInLunar = this.jieqi = solarTerm[(this.solarMonth - 1) * 2 + 1]; | ||
| 1490 | + } | ||
| 1491 | + if (this.showInLunar == "清明") { | ||
| 1492 | + this.showInLunar = "清明节"; | ||
| 1493 | + this.restDays = 1; | ||
| 1494 | + } | ||
| 1495 | + this.solarFestival = sFtv1[reymd(Y, "MM") + reymd(Y, "dd")]; | ||
| 1496 | + if (typeof this.solarFestival == "undefined") { | ||
| 1497 | + this.solarFestival = ""; | ||
| 1498 | + } else { | ||
| 1499 | + if (/\*(\d)/.test(this.solarFestival)) { | ||
| 1500 | + this.restDays = parseInt(RegExp.$1); | ||
| 1501 | + this.solarFestival = this.solarFestival.replace(/\*\d/, ""); | ||
| 1502 | + } | ||
| 1503 | + } | ||
| 1504 | + this.showInLunar = (this.solarFestival == "") ? this.showInLunar : this.solarFestival; | ||
| 1505 | + this.lunarFestival = sFtv2[this.lunarIsLeapMonth ? "00" : digit(this.lunarMonth) + digit(this.lunarDate)]; | ||
| 1506 | + if (typeof this.lunarFestival == "undefined") { | ||
| 1507 | + this.lunarFestival = ""; | ||
| 1508 | + } else { | ||
| 1509 | + if (/\*(\d)/.test(this.lunarFestival)) { | ||
| 1510 | + this.restDays = (this.restDays > parseInt(RegExp.$1)) ? this.restDays : parseInt(RegExp.$1); | ||
| 1511 | + this.lunarFestival = this.lunarFestival.replace(/\*\d/, ""); | ||
| 1512 | + } | ||
| 1513 | + } | ||
| 1514 | + if (this.lunarMonth == 12 && this.lunarDate == e(this.lunarYear, 12)) { | ||
| 1515 | + this.lunarFestival = sFtv2["0100"]; | ||
| 1516 | + this.restDays = 1; | ||
| 1517 | + } | ||
| 1518 | + this.showInLunar = (this.lunarFestival == "") ? this.showInLunar : this.lunarFestival; | ||
| 1519 | + } | ||
| 1520 | + return new flunar(new Date(ly, lm, ld)); | ||
| 1521 | + } | ||
| 1522 | + return jeDate; | ||
| 1523 | +}); |
assets/js/jquery-2.1.4.js
0 → 100644
此 diff 太大无法显示。
assets/js/jquery-weui.js
0 → 100644
此 diff 太大无法显示。
| @@ -264,8 +264,7 @@ | @@ -264,8 +264,7 @@ | ||
| 264 | }, | 264 | }, |
| 265 | // 重新获取当前定位信息 | 265 | // 重新获取当前定位信息 |
| 266 | choose_now: function() { | 266 | choose_now: function() { |
| 267 | - | ||
| 268 | - toastMsg('正在重新定位') | 267 | + toastMsg('正在重新定位'); |
| 269 | app.get_city() | 268 | app.get_city() |
| 270 | setTimeout(function() { | 269 | setTimeout(function() { |
| 271 | // api.hideProgress(); | 270 | // api.hideProgress(); |
| @@ -276,6 +276,7 @@ | @@ -276,6 +276,7 @@ | ||
| 276 | }, | 276 | }, |
| 277 | // 切换底部导航 | 277 | // 切换底部导航 |
| 278 | changeTab: function (res) { | 278 | changeTab: function (res) { |
| 279 | + | ||
| 279 | setTimeout(function () { | 280 | setTimeout(function () { |
| 280 | app.index = res; | 281 | app.index = res; |
| 281 | api.setFrameGroupIndex({ | 282 | api.setFrameGroupIndex({ |
| @@ -93,8 +93,8 @@ | @@ -93,8 +93,8 @@ | ||
| 93 | 'XX-Device-Type': getDevice() | 93 | 'XX-Device-Type': getDevice() |
| 94 | } | 94 | } |
| 95 | getRequest('POST', 'home/index/loginBySMS', post, header).then(function (res) { | 95 | getRequest('POST', 'home/index/loginBySMS', post, header).then(function (res) { |
| 96 | - console.log(res) | ||
| 97 | - toastMsg(res.data.msg) | 96 | + console.log(res); |
| 97 | + toastMsg(res.data.msg); | ||
| 98 | if (!app.timer) { | 98 | if (!app.timer) { |
| 99 | app.count = TIME_COUNT; | 99 | app.count = TIME_COUNT; |
| 100 | app.show = false; | 100 | app.show = false; |
| @@ -7,6 +7,7 @@ | @@ -7,6 +7,7 @@ | ||
| 7 | <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> | 7 | <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> |
| 8 | <title></title> | 8 | <title></title> |
| 9 | <script src="../../assets/js/fontsize.js"></script> | 9 | <script src="../../assets/js/fontsize.js"></script> |
| 10 | + <link rel="stylesheet" href="../../assets/css/weui.min.css"> | ||
| 10 | <link rel="stylesheet" href="../../assets/css/api.css"/> | 11 | <link rel="stylesheet" href="../../assets/css/api.css"/> |
| 11 | <link rel="stylesheet" href="../../assets/css/index.css"> | 12 | <link rel="stylesheet" href="../../assets/css/index.css"> |
| 12 | <link rel="stylesheet" href="../../assets/icon/iconfont.css"> | 13 | <link rel="stylesheet" href="../../assets/icon/iconfont.css"> |
| @@ -89,6 +90,7 @@ | @@ -89,6 +90,7 @@ | ||
| 89 | </div> | 90 | </div> |
| 90 | </body> | 91 | </body> |
| 91 | </html> | 92 | </html> |
| 93 | +<script type="text/javascript" src="../../assets/js/weui.min.js"></script> | ||
| 92 | <script type="text/javascript" src="../../assets/js/api.js"></script> | 94 | <script type="text/javascript" src="../../assets/js/api.js"></script> |
| 93 | <script type="text/javascript" src="../../assets/js/public.js"></script> | 95 | <script type="text/javascript" src="../../assets/js/public.js"></script> |
| 94 | <script type="text/javascript" src="../../assets/js/fastclick.js"></script> | 96 | <script type="text/javascript" src="../../assets/js/fastclick.js"></script> |
| @@ -138,6 +140,7 @@ | @@ -138,6 +140,7 @@ | ||
| 138 | 'XX-Token': getToken() | 140 | 'XX-Token': getToken() |
| 139 | }; | 141 | }; |
| 140 | getRequest('post', 'user/index/typeInfo', post, header).then(function (res) { | 142 | getRequest('post', 'user/index/typeInfo', post, header).then(function (res) { |
| 143 | + console.log(res) | ||
| 141 | if (res.data.code == 1) { | 144 | if (res.data.code == 1) { |
| 142 | app.status1 = res.data.data[0].status; | 145 | app.status1 = res.data.data[0].status; |
| 143 | app.status2 = res.data.data[1].status; | 146 | app.status2 = res.data.data[1].status; |
| @@ -148,15 +151,20 @@ | @@ -148,15 +151,20 @@ | ||
| 148 | app.one_qid = res.data.data[0].answer[0].qid; | 151 | app.one_qid = res.data.data[0].answer[0].qid; |
| 149 | app.two_qid = res.data.data[1].answer[0].qid; | 152 | app.two_qid = res.data.data[1].answer[0].qid; |
| 150 | app.thr_qid = res.data.data[2].answer[0].qid; | 153 | app.thr_qid = res.data.data[2].answer[0].qid; |
| 151 | - for (var i in res.data.data[0].answer[0].answer) { | ||
| 152 | - app.answer_one.push(res.data.data[0].answer[0].answer[i]) | ||
| 153 | - } | ||
| 154 | - for (var j in res.data.data[1].answer[0].answer) { | ||
| 155 | - app.answer_two.push(res.data.data[1].answer[0].answer[j]) | ||
| 156 | - } | ||
| 157 | - for (var k in res.data.data[2].answer[0].answer) { | ||
| 158 | - app.answer_thr.push(res.data.data[2].answer[0].answer[k]) | ||
| 159 | - } | 154 | + |
| 155 | + app.answer_one=res.data.data[0].answer[0].answer; | ||
| 156 | + app.answer_two=res.data.data[1].answer[0].answer; | ||
| 157 | + app.answer_thr=res.data.data[2].answer[0].answer; | ||
| 158 | + | ||
| 159 | + // for (var i in res.data.data[0].answer[0].answer) { | ||
| 160 | + // app.answer_one.push(res.data.data[0].answer[0].answer[i]) | ||
| 161 | + // } | ||
| 162 | + // for (var j in res.data.data[1].answer[0].answer) { | ||
| 163 | + // app.answer_two.push(res.data.data[1].answer[0].answer[j]) | ||
| 164 | + // } | ||
| 165 | + // for (var k in res.data.data[2].answer[0].answer) { | ||
| 166 | + // app.answer_thr.push(res.data.data[2].answer[0].answer[k]) | ||
| 167 | + // } | ||
| 160 | } | 168 | } |
| 161 | loadEnd(); | 169 | loadEnd(); |
| 162 | }) | 170 | }) |
| @@ -216,11 +224,15 @@ | @@ -216,11 +224,15 @@ | ||
| 216 | , | 224 | , |
| 217 | // 保存选择结果 | 225 | // 保存选择结果 |
| 218 | save_info: function () { | 226 | save_info: function () { |
| 219 | - api.showProgress({ | ||
| 220 | - title: '保存中', | ||
| 221 | - text: '正在保存……', | ||
| 222 | - modal: false | ||
| 223 | - }); | 227 | + |
| 228 | + toastMsg('正在保存') | ||
| 229 | + // api.showProgress({ | ||
| 230 | + // title: '保存中', | ||
| 231 | + // text: '正在保存……', | ||
| 232 | + // modal: false | ||
| 233 | + // }); | ||
| 234 | + | ||
| 235 | + | ||
| 224 | var header = { | 236 | var header = { |
| 225 | "XX-Device-Type": getDevice(), | 237 | "XX-Device-Type": getDevice(), |
| 226 | 'XX-Token': getToken() | 238 | 'XX-Token': getToken() |
| @@ -260,4 +272,4 @@ | @@ -260,4 +272,4 @@ | ||
| 260 | } | 272 | } |
| 261 | }, | 273 | }, |
| 262 | }) | 274 | }) |
| 263 | -</script> | ||
| 275 | +</script> |
| @@ -7,6 +7,7 @@ | @@ -7,6 +7,7 @@ | ||
| 7 | <meta http-equiv="X-UA-Compatible" content="ie=edge"> | 7 | <meta http-equiv="X-UA-Compatible" content="ie=edge"> |
| 8 | <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> | 8 | <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> |
| 9 | <script src="../../assets/js/fontsize.js"></script> | 9 | <script src="../../assets/js/fontsize.js"></script> |
| 10 | + <link rel="stylesheet" href="../../assets/css/weui.min.css"> | ||
| 10 | <link rel="stylesheet" href="../../assets/css/api.css"/> | 11 | <link rel="stylesheet" href="../../assets/css/api.css"/> |
| 11 | <link rel="stylesheet" href="../../assets/css/my_f.css"/> | 12 | <link rel="stylesheet" href="../../assets/css/my_f.css"/> |
| 12 | <link rel="stylesheet" href="http://at.alicdn.com/t/font_641470_jg64l6ijsg4lsor.css"> | 13 | <link rel="stylesheet" href="http://at.alicdn.com/t/font_641470_jg64l6ijsg4lsor.css"> |
| @@ -395,7 +396,7 @@ | @@ -395,7 +396,7 @@ | ||
| 395 | 396 | ||
| 396 | </body> | 397 | </body> |
| 397 | </html> | 398 | </html> |
| 398 | - | 399 | +<script type="text/javascript" src="../../assets/js/weui.min.js"></script> |
| 399 | <script type="text/javascript" src="../../assets/js/api.js"></script> | 400 | <script type="text/javascript" src="../../assets/js/api.js"></script> |
| 400 | <script type="text/javascript" src="../../assets/js/public.js"></script> | 401 | <script type="text/javascript" src="../../assets/js/public.js"></script> |
| 401 | <script type="text/javascript" src="../../assets/js/fastclick.js"></script> | 402 | <script type="text/javascript" src="../../assets/js/fastclick.js"></script> |
| @@ -587,4 +588,4 @@ | @@ -587,4 +588,4 @@ | ||
| 587 | } | 588 | } |
| 588 | } | 589 | } |
| 589 | }) | 590 | }) |
| 590 | -</script> | ||
| 591 | +</script> |
| @@ -7,11 +7,15 @@ | @@ -7,11 +7,15 @@ | ||
| 7 | <meta http-equiv="X-UA-Compatible" content="ie=edge"> | 7 | <meta http-equiv="X-UA-Compatible" content="ie=edge"> |
| 8 | <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> | 8 | <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"> |
| 9 | <script src="../../assets/js/fontsize.js"></script> | 9 | <script src="../../assets/js/fontsize.js"></script> |
| 10 | + <link rel="stylesheet" href="../../assets/css/demos.css"> | ||
| 10 | <link rel="stylesheet" href="../../assets/css/weui.min.css"> | 11 | <link rel="stylesheet" href="../../assets/css/weui.min.css"> |
| 12 | + <link rel="stylesheet" href="../../assets/css/jeDate-test.css"> | ||
| 13 | + <link rel="stylesheet" href="../../assets/css/jedate.css"> | ||
| 11 | <link rel="stylesheet" href="../../assets/css/api.css"/> | 14 | <link rel="stylesheet" href="../../assets/css/api.css"/> |
| 12 | <link rel="stylesheet" href="../../assets/css/my_f.css"/> | 15 | <link rel="stylesheet" href="../../assets/css/my_f.css"/> |
| 13 | <link rel="stylesheet" href="../../assets/css/style.css"> | 16 | <link rel="stylesheet" href="../../assets/css/style.css"> |
| 14 | <link rel="stylesheet" href="../../assets/icon/iconfont.css"> | 17 | <link rel="stylesheet" href="../../assets/icon/iconfont.css"> |
| 18 | + | ||
| 15 | <title></title> | 19 | <title></title> |
| 16 | <style> | 20 | <style> |
| 17 | body, html { | 21 | body, html { |
| @@ -60,8 +64,11 @@ | @@ -60,8 +64,11 @@ | ||
| 60 | <div id="app"> | 64 | <div id="app"> |
| 61 | <div class="data_box"> | 65 | <div class="data_box"> |
| 62 | <div class="data_item" @click="dateSelect"><span>测量时间</span> | 66 | <div class="data_item" @click="dateSelect"><span>测量时间</span> |
| 63 | - <div class="data_item_right"><span>{{date_info?date_info:default_date}}</span><span | ||
| 64 | - class="iconfont icon-xiangyou"></span> | 67 | + <!--<div class="data_item_right"><span>{{date_info?date_info:default_date}}</span>--> |
| 68 | + <!--<!–<span class="iconfont icon-xiangyou"></span>–>--> | ||
| 69 | + <!--</div>--> | ||
| 70 | + <div class="data_item_right"> | ||
| 71 | + <input type="datetime-local" placeholder="请选择时间"> | ||
| 65 | </div> | 72 | </div> |
| 66 | </div> | 73 | </div> |
| 67 | <div class="data_item" @click="choose_high"> | 74 | <div class="data_item" @click="choose_high"> |
| @@ -86,9 +93,11 @@ | @@ -86,9 +93,11 @@ | ||
| 86 | </div> | 93 | </div> |
| 87 | </body> | 94 | </body> |
| 88 | </html> | 95 | </html> |
| 89 | - | 96 | +<script type="text/javascript" src="../../assets/js/jquery-2.1.4.js"></script> |
| 97 | +<script type="text/javascript" src="../../assets/js/fastclick.js"></script> | ||
| 98 | +<script type="text/javascript" src="../../assets/js/jquery-weui.js"></script> | ||
| 90 | <script type="text/javascript" src="../../assets/js/api.js"></script> | 99 | <script type="text/javascript" src="../../assets/js/api.js"></script> |
| 91 | -<script type="text/javascript" src="../../assets/js/index.js"></script> | 100 | + |
| 92 | <script type="text/javascript" src="../../assets/js/public.js"></script> | 101 | <script type="text/javascript" src="../../assets/js/public.js"></script> |
| 93 | <script type="text/javascript" src="../../assets/js/fastclick.js"></script> | 102 | <script type="text/javascript" src="../../assets/js/fastclick.js"></script> |
| 94 | <script> | 103 | <script> |
| @@ -98,6 +107,8 @@ | @@ -98,6 +107,8 @@ | ||
| 98 | <script type="text/javascript" src="../../assets/js/weui.min.js"></script> | 107 | <script type="text/javascript" src="../../assets/js/weui.min.js"></script> |
| 99 | <script type="text/javascript" src="../../assets/js/axios.min.js"></script> | 108 | <script type="text/javascript" src="../../assets/js/axios.min.js"></script> |
| 100 | <script type="text/javascript" src="../../assets/icon/iconfont.js"></script> | 109 | <script type="text/javascript" src="../../assets/icon/iconfont.js"></script> |
| 110 | +<script type="text/javascript" src="../../assets/js/index.js"></script> | ||
| 111 | +<script type="text/javascript" src="../../assets/js/datePicker.js"></script> | ||
| 101 | <script> | 112 | <script> |
| 102 | var app = new Vue({ | 113 | var app = new Vue({ |
| 103 | el: '#app', | 114 | el: '#app', |
| @@ -132,63 +143,63 @@ | @@ -132,63 +143,63 @@ | ||
| 132 | methods: { | 143 | methods: { |
| 133 | // 日期选择 | 144 | // 日期选择 |
| 134 | dateSelect: function () { | 145 | dateSelect: function () { |
| 135 | - if (api.systemType == 'ios') { | ||
| 136 | - api.openPicker({ | ||
| 137 | - type: 'date_time', | ||
| 138 | - date: new Date(), | ||
| 139 | - maxDate: getTimeDetil(0), | ||
| 140 | - title: '测量时间' | ||
| 141 | - }, function (ret, err) { | ||
| 142 | - if (ret) { | ||
| 143 | - app.year = ret.year; | ||
| 144 | - app.month = ret.month; | ||
| 145 | - app.day = ret.day; | ||
| 146 | - app.hour = ret.hour; | ||
| 147 | - app.minute = ret.minute; | ||
| 148 | - app.date_info = app.year + '-' + add0(app.month) + '-' + add0(app.day) + ' ' + add0(app.hour) + ':' + add0(app.minute); | ||
| 149 | - if (checkDate(app.date_info, 2)) { | ||
| 150 | - return app.date_info | ||
| 151 | - } else { | ||
| 152 | - toastMsg('请选择正确的测量时间'); | ||
| 153 | - return app.date_info = '' | ||
| 154 | - } | ||
| 155 | - } else { | ||
| 156 | - console.log(err) | ||
| 157 | - } | ||
| 158 | - }); | ||
| 159 | - } | ||
| 160 | - else { | ||
| 161 | - api.openPicker({ | ||
| 162 | - type: 'date', | ||
| 163 | - title: '测量时间', | ||
| 164 | - }, function (ret, err) { | ||
| 165 | - if (ret) { | ||
| 166 | - app.year = ret.year; | ||
| 167 | - app.month = ret.month; | ||
| 168 | - app.day = ret.day; | ||
| 169 | - api.openPicker({ | ||
| 170 | - type: 'time', | ||
| 171 | - title: '测量时间' | ||
| 172 | - }, function (rets, errs) { | ||
| 173 | - if (rets) { | ||
| 174 | - app.hour = rets.hour; | ||
| 175 | - app.minute = rets.minute; | ||
| 176 | - app.date_info = app.year + '-' + add0(app.month) + '-' + add0(app.day) + ' ' + add0(app.hour) + ':' + add0(app.minute); | ||
| 177 | - if (checkDate(app.date_info, 2)) { | ||
| 178 | - return app.date_info | ||
| 179 | - } else { | ||
| 180 | - toastMsg('请选择正确的测量时间'); | ||
| 181 | - return app.date_info = '' | ||
| 182 | - } | ||
| 183 | - } else { | ||
| 184 | - console.log(errs) | ||
| 185 | - } | ||
| 186 | - }); | ||
| 187 | - } else { | ||
| 188 | - console.log(err) | ||
| 189 | - } | ||
| 190 | - }); | ||
| 191 | - } | 146 | + // if (api.systemType == 'ios') { |
| 147 | + // api.openPicker({ | ||
| 148 | + // type: 'date_time', | ||
| 149 | + // date: new Date(), | ||
| 150 | + // maxDate: getTimeDetil(0), | ||
| 151 | + // title: '测量时间' | ||
| 152 | + // }, function (ret, err) { | ||
| 153 | + // if (ret) { | ||
| 154 | + // app.year = ret.year; | ||
| 155 | + // app.month = ret.month; | ||
| 156 | + // app.day = ret.day; | ||
| 157 | + // app.hour = ret.hour; | ||
| 158 | + // app.minute = ret.minute; | ||
| 159 | + // app.date_info = app.year + '-' + add0(app.month) + '-' + add0(app.day) + ' ' + add0(app.hour) + ':' + add0(app.minute); | ||
| 160 | + // if (checkDate(app.date_info, 2)) { | ||
| 161 | + // return app.date_info | ||
| 162 | + // } else { | ||
| 163 | + // toastMsg('请选择正确的测量时间'); | ||
| 164 | + // return app.date_info = '' | ||
| 165 | + // } | ||
| 166 | + // } else { | ||
| 167 | + // console.log(err) | ||
| 168 | + // } | ||
| 169 | + // }); | ||
| 170 | + // } | ||
| 171 | + // else { | ||
| 172 | + // api.openPicker({ | ||
| 173 | + // type: 'date', | ||
| 174 | + // title: '测量时间', | ||
| 175 | + // }, function (ret, err) { | ||
| 176 | + // if (ret) { | ||
| 177 | + // app.year = ret.year; | ||
| 178 | + // app.month = ret.month; | ||
| 179 | + // app.day = ret.day; | ||
| 180 | + // api.openPicker({ | ||
| 181 | + // type: 'time', | ||
| 182 | + // title: '测量时间' | ||
| 183 | + // }, function (rets, errs) { | ||
| 184 | + // if (rets) { | ||
| 185 | + // app.hour = rets.hour; | ||
| 186 | + // app.minute = rets.minute; | ||
| 187 | + // app.date_info = app.year + '-' + add0(app.month) + '-' + add0(app.day) + ' ' + add0(app.hour) + ':' + add0(app.minute); | ||
| 188 | + // if (checkDate(app.date_info, 2)) { | ||
| 189 | + // return app.date_info | ||
| 190 | + // } else { | ||
| 191 | + // toastMsg('请选择正确的测量时间'); | ||
| 192 | + // return app.date_info = '' | ||
| 193 | + // } | ||
| 194 | + // } else { | ||
| 195 | + // console.log(errs) | ||
| 196 | + // } | ||
| 197 | + // }); | ||
| 198 | + // } else { | ||
| 199 | + // console.log(err) | ||
| 200 | + // } | ||
| 201 | + // }); | ||
| 202 | + // } | ||
| 192 | }, | 203 | }, |
| 193 | // 选择高压 | 204 | // 选择高压 |
| 194 | choose_high: function () { | 205 | choose_high: function () { |
-
请 注册 或 登录 后发表评论