重构华夏erp的整体ui风格
This commit is contained in:
季圣华
299
erp_web/js/jquery-asDatepicker/css/asDatepicker.css
Normal file
299
erp_web/js/jquery-asDatepicker/css/asDatepicker.css
Normal file
@@ -0,0 +1,299 @@
|
||||
.calendar-content {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
white-space: normal;
|
||||
width: 210px;
|
||||
height: 230px;
|
||||
background-color: white;
|
||||
}
|
||||
.calendar-content.calendar_days > .calendar-days {
|
||||
display: block;
|
||||
}
|
||||
.calendar-content.calendar_months .calendar-months {
|
||||
display: block;
|
||||
}
|
||||
.calendar-content.calendar_years .calendar-years {
|
||||
display: block;
|
||||
}
|
||||
.calendar-days,
|
||||
.calendar-months,
|
||||
.calendar-years,
|
||||
.calendar-buttons {
|
||||
display: none;
|
||||
}
|
||||
.calendar-row,
|
||||
.calendar-head {
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
.calendar-row > span,
|
||||
.calendar-head > span {
|
||||
display: table-cell;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.calendar-header {
|
||||
display: table;
|
||||
width: 100%;
|
||||
height: 15%;
|
||||
}
|
||||
.calendar-header > div {
|
||||
display: table-cell;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
}
|
||||
.calendar-prev,
|
||||
.calendar-next {
|
||||
width: 20%;
|
||||
}
|
||||
.calendar-caption {
|
||||
width: 60%;
|
||||
}
|
||||
.calendar-days,
|
||||
.calendar-months,
|
||||
.calendar-years {
|
||||
height: 85%;
|
||||
}
|
||||
.calendar-head {
|
||||
height: 13%;
|
||||
}
|
||||
.calendar-head span {
|
||||
cursor: default;
|
||||
}
|
||||
.calendar-body {
|
||||
height: 87%;
|
||||
}
|
||||
.calendar-body .calendar-row {
|
||||
height: 16.66666667%;
|
||||
}
|
||||
.calendar-body span {
|
||||
width: 14.28%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
}
|
||||
.calendar-body span.calendar_otherMonth,
|
||||
.calendar-body span.calendar_untouchable {
|
||||
cursor: default;
|
||||
}
|
||||
.calendar-months .calendar-row,
|
||||
.calendar-years .calendar-row {
|
||||
height: 25%;
|
||||
}
|
||||
.calendar-months span,
|
||||
.calendar-years span {
|
||||
height: 100%;
|
||||
width: 33.3%;
|
||||
cursor: pointer;
|
||||
}
|
||||
.calendar-months span.calendar_untouchable,
|
||||
.calendar-years span.calendar_untouchable {
|
||||
cursor: default;
|
||||
}
|
||||
.calendar_hide {
|
||||
display: none !important;
|
||||
}
|
||||
.calendar_show {
|
||||
display: block !important;
|
||||
}
|
||||
.calendar-wrap {
|
||||
white-space: nowrap;
|
||||
display: none;
|
||||
position: absolute;
|
||||
}
|
||||
.calendar-wrap,
|
||||
.calendar-wrap *:focus {
|
||||
outline: none;
|
||||
}
|
||||
.calendar-wrap * {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.calendar-wrap.calendar_isMobile {
|
||||
z-index: 99999;
|
||||
position: fixed;
|
||||
width: 80%;
|
||||
height: 80%;
|
||||
line-height: 1;
|
||||
}
|
||||
.calendar-wrap.calendar_isMobile .calendar-title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: -1.5em;
|
||||
left: 0;
|
||||
}
|
||||
.calendar-wrap.calendar_isMobile .calendar-content {
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.calendar-wrap.calendar_isMobile .calendar-content.calendar_show {
|
||||
display: block;
|
||||
}
|
||||
.calendar-wrap.calendar_isMobile .calendar-header {
|
||||
height: 11%;
|
||||
}
|
||||
.calendar-wrap.calendar_isMobile .calendar-days,
|
||||
.calendar-wrap.calendar_isMobile .calendar-months,
|
||||
.calendar-wrap.calendar_isMobile .calendar-years {
|
||||
height: 78%;
|
||||
}
|
||||
.calendar-wrap.calendar_isMobile .calendar-buttons {
|
||||
display: table;
|
||||
height: 11%;
|
||||
width: 100%;
|
||||
}
|
||||
.calendar-wrap.calendar_isMobile .calendar-buttons > div {
|
||||
display: table-cell;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
}
|
||||
.calendar-cover {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: black;
|
||||
opacity: 0.5;
|
||||
z-index: 9999;
|
||||
}
|
||||
.calendar-input {
|
||||
border: 1px solid green;
|
||||
}
|
||||
.calendar-icon {
|
||||
background-color: gray;
|
||||
border: 1px solid green;
|
||||
}
|
||||
.calendar_active .calendar-input {
|
||||
border: 1px solid red;
|
||||
}
|
||||
.calendar_active .calendar-icon {
|
||||
border: 1px solid red;
|
||||
}
|
||||
.calendar-content {
|
||||
background-color: white;
|
||||
border: 1px solid #ebebeb;
|
||||
color: #777777;
|
||||
border-radius: 3px;
|
||||
font-family: 'Proxima Nova';
|
||||
}
|
||||
.calendar-content span {
|
||||
border: 1px dashed transparent;
|
||||
}
|
||||
.calendar-content span.calendar_active {
|
||||
background-color: #32b8e2 !important;
|
||||
color: white !important;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15) !important;
|
||||
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
|
||||
text-shadow: 0 2px 1px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.calendar-content span.calendar_otherMonth,
|
||||
.calendar-content span.calendar_untouchable {
|
||||
color: #c8c8c8;
|
||||
background-color: inherit;
|
||||
}
|
||||
.calendar-content span.calendar_otherMonth:hover,
|
||||
.calendar-content span.calendar_untouchable:hover,
|
||||
.calendar-content span.calendar_otherMonth:active,
|
||||
.calendar-content span.calendar_untouchable:active,
|
||||
.calendar-content span.calendar_otherMonth.calendar_active,
|
||||
.calendar-content span.calendar_untouchable.calendar_active {
|
||||
background-color: inherit;
|
||||
color: #c8c8c8;
|
||||
}
|
||||
.calendar-content span.calendar_inRange {
|
||||
background-color: #e0f4fb;
|
||||
}
|
||||
.calendar-content span.calendar_inRange:hover {
|
||||
background-color: inherit;
|
||||
}
|
||||
.calendar-content span.calendar_otherMonth.calendar_inRange:hover {
|
||||
background-color: #e0f4fb;
|
||||
}
|
||||
.calendar-content span.calendar_focus {
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
color: #32b8e2;
|
||||
}
|
||||
.calendar-header {
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
}
|
||||
.calendar-prev,
|
||||
.calendar-next {
|
||||
color: transparent;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
.calendar-prev {
|
||||
background-image: url('../images/calendar-prev.png');
|
||||
}
|
||||
.calendar-prev.calendar_blocked,
|
||||
.calendar-prev.calendar_blocked:hover {
|
||||
background-image: none;
|
||||
cursor: auto;
|
||||
}
|
||||
.calendar-prev:hover {
|
||||
background-image: url('../images/calendar-prev-hover.png');
|
||||
}
|
||||
.calendar-next {
|
||||
background-image: url('../images/calendar-next.png');
|
||||
}
|
||||
.calendar-next.calendar_blocked,
|
||||
.calendar-next.calendar_blocked:hover {
|
||||
background-image: none;
|
||||
cursor: auto;
|
||||
}
|
||||
.calendar-next:hover {
|
||||
background-image: url('../images/calendar-next-hover.png');
|
||||
}
|
||||
.calendar-caption {
|
||||
color: #696969;
|
||||
}
|
||||
.calendar-caption:hover {
|
||||
color: #000000;
|
||||
}
|
||||
.calendar-caption.calendar_blocked,
|
||||
.calendar-caption.calendar_blocked:hover {
|
||||
color: #696969;
|
||||
cursor: auto;
|
||||
}
|
||||
.calendar-head {
|
||||
background-color: #f6f6f6;
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
.calendar-head span {
|
||||
-webkit-box-shadow: inset 0 1px 0 #fbfbfb;
|
||||
box-shadow: inset 0 1px 0 #fbfbfb;
|
||||
}
|
||||
.calendar-body,
|
||||
.calendar-months,
|
||||
.calendar-years {
|
||||
padding: 6px;
|
||||
}
|
||||
.calendar-body span:hover,
|
||||
.calendar-months span:hover,
|
||||
.calendar-years span:hover {
|
||||
background-color: #e0f4fb;
|
||||
}
|
||||
.calendar-buttons {
|
||||
border-top: 1px solid #ebebeb;
|
||||
}
|
||||
|
||||
.calendar_active .calendar-input{border-color:#f59942;}
|
||||
.calendar-content{border:0;width:230px;color:#555;}
|
||||
.calendar-content span.calendar_otherMonth, .calendar-content span.calendar_untouchable{color:#aaa;}
|
||||
.calendar-content span.calendar_focus{border:0;}
|
||||
.calendar-content span.calendar_active{background-color:#3C8DBC!important;}
|
||||
.calendar-header > div {font-weight:bold;}
|
||||
.calendar-icon, .calendar_active .calendar-icon{border:0}
|
||||
491
erp_web/js/jquery-asDatepicker/demo/css/main.css
Normal file
491
erp_web/js/jquery-asDatepicker/demo/css/main.css
Normal file
@@ -0,0 +1,491 @@
|
||||
/*
|
||||
* HTML5 Boilerplate
|
||||
*
|
||||
* What follows is the result of much research on cross-browser styling.
|
||||
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
|
||||
* Kroc Camen, and the H5BP dev community and team.
|
||||
*/
|
||||
|
||||
/* ==========================================================================
|
||||
Base styles: opinionated defaults
|
||||
========================================================================== */
|
||||
|
||||
html,
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
color: #222;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 1em;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
/*
|
||||
* Remove text-shadow in selection highlight: h5bp.com/i
|
||||
* These selection rule sets have to be separate.
|
||||
* Customize the background color to match your design.
|
||||
*/
|
||||
|
||||
::-moz-selection {
|
||||
background: #b3d4fc;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: #b3d4fc;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
/*
|
||||
* A better looking default horizontal rule
|
||||
*/
|
||||
|
||||
hr {
|
||||
display: block;
|
||||
height: 1px;
|
||||
border: 0;
|
||||
border-top: 1px solid #ccc;
|
||||
margin: 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
|
||||
*/
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/*
|
||||
* Remove default fieldset styles.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Allow only vertical resizing of textareas.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Chrome Frame prompt
|
||||
========================================================================== */
|
||||
|
||||
.chromeframe {
|
||||
margin: 0.2em 0;
|
||||
background: #ccc;
|
||||
color: #000;
|
||||
padding: 0.2em 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Author's custom styles
|
||||
========================================================================== */
|
||||
|
||||
body {
|
||||
padding:30px;
|
||||
font-weight: normal;
|
||||
color: #3E4349;
|
||||
font-size: 14px;
|
||||
line-height: 1.5em;
|
||||
background-color: #F7F7F7;
|
||||
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: #222;
|
||||
font-family: "NeutonRegular",sans-serif;
|
||||
font-weight: normal;
|
||||
margin: 30px 0px 10px 0px;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 35px;
|
||||
margin-bottom: 0.5em;
|
||||
line-height: 1;
|
||||
}
|
||||
h2 {
|
||||
font-size: 28px;
|
||||
line-height: 1;
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
h3 {
|
||||
font-size: 21px;
|
||||
line-height: 1;
|
||||
margin-bottom: 1.00em;
|
||||
}
|
||||
h4 {
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
margin-bottom: 1.25em;
|
||||
}
|
||||
h5 {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 1.75em;
|
||||
}
|
||||
h6 {
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 2.00em;
|
||||
}
|
||||
|
||||
p {
|
||||
|
||||
font-size: 14px;
|
||||
line-height: 1.5em;
|
||||
margin: 14px 0;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
article .main {
|
||||
display: block;
|
||||
margin: 0 0 0 230px;
|
||||
width: 1200px;
|
||||
border: 1px solid #ddd;
|
||||
padding: 0 0 20px 30px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #1B61D6;
|
||||
text-decoration: none;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
section.toctree-page a,
|
||||
section.toctree-page a .pre {
|
||||
color: #1B61D6;
|
||||
}
|
||||
|
||||
section li,
|
||||
section dd,
|
||||
section dt {
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
section.sidebar-page div.sidebar {
|
||||
background-color: #E6EFC2;
|
||||
border: 2px solid #C6D880;
|
||||
font-family: sans-serif;
|
||||
margin: 0 0 7px 14px;
|
||||
padding: 10px 20px;
|
||||
float: right;
|
||||
width: 40%;
|
||||
}
|
||||
section.sidebar-page p.sidebar-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.toctree-wraper ul,
|
||||
.toctree-wraper ol {
|
||||
margin:0;
|
||||
padding:0 0 0 40px;
|
||||
}
|
||||
|
||||
.example a em {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
section dl {
|
||||
margin: 14px 0 15px 0;
|
||||
}
|
||||
|
||||
section dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
section dd {
|
||||
margin: 3px 0 10px 30px;
|
||||
}
|
||||
|
||||
pre {
|
||||
background: none repeat scroll 0 0 #F0F9F0;
|
||||
border: 2px solid #C0D0C0;
|
||||
color: #006000;
|
||||
line-height: 1.3em;
|
||||
/*margin-left: 25px;*/
|
||||
padding: 11px;
|
||||
|
||||
}
|
||||
pre.wrong {
|
||||
background-color: #F9F0F0;
|
||||
border: 2px solid #D0C0C0;
|
||||
color: #600000;
|
||||
}
|
||||
|
||||
|
||||
/* example */
|
||||
.container {
|
||||
margin: 0 20px 0 190px;
|
||||
}
|
||||
.has-example {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.example {
|
||||
background-color: #eee;
|
||||
border: 3px solid #e0e0e0;
|
||||
border-top: none;
|
||||
padding: 1em;
|
||||
margin-bottom:2em;
|
||||
}
|
||||
|
||||
/* toc */
|
||||
#toc {
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
background: #333;
|
||||
box-shadow: inset -5px 0 5px 0px #000;
|
||||
width: 170px;
|
||||
padding-top: 20px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#toc ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#toc li {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
#toc a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#toc .toc-h2 {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
#toc .toc-h3 {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
#toc .toc-active {
|
||||
background: #336699;
|
||||
box-shadow: inset -5px 0px 10px -5px #000;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
Helper classes
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Image replacement
|
||||
*/
|
||||
|
||||
.ir {
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
overflow: hidden;
|
||||
/* IE 6/7 fallback */
|
||||
*text-indent: -9999px;
|
||||
}
|
||||
|
||||
.ir:before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 150%;
|
||||
}
|
||||
|
||||
/*
|
||||
* Hide from both screenreaders and browsers: h5bp.com/u
|
||||
*/
|
||||
|
||||
.hidden {
|
||||
display: none !important;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/*
|
||||
* Hide only visually, but have it available for screenreaders: h5bp.com/v
|
||||
*/
|
||||
|
||||
.visuallyhidden {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Extends the .visuallyhidden class to allow the element to be focusable
|
||||
* when navigated to via the keyboard: h5bp.com/p
|
||||
*/
|
||||
|
||||
.visuallyhidden.focusable:active,
|
||||
.visuallyhidden.focusable:focus {
|
||||
clip: auto;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
position: static;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/*
|
||||
* Hide visually and from screenreaders, but maintain layout
|
||||
*/
|
||||
|
||||
.invisible {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/*
|
||||
* Clearfix: contain floats
|
||||
*
|
||||
* For modern browsers
|
||||
* 1. The space content is one way to avoid an Opera bug when the
|
||||
* `contenteditable` attribute is included anywhere else in the document.
|
||||
* Otherwise it causes space to appear at the top and bottom of elements
|
||||
* that receive the `clearfix` class.
|
||||
* 2. The use of `table` rather than `block` is only necessary if using
|
||||
* `:before` to contain the top-margins of child elements.
|
||||
*/
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: " "; /* 1 */
|
||||
display: table; /* 2 */
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
* For IE 6/7 only
|
||||
* Include this rule to trigger hasLayout and contain floats.
|
||||
*/
|
||||
|
||||
.clearfix {
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
EXAMPLE Media Queries for Responsive Design.
|
||||
These examples override the primary ('mobile first') styles.
|
||||
Modify as content requires.
|
||||
========================================================================== */
|
||||
|
||||
@media only screen and (min-width: 35em) {
|
||||
/* Style adjustments for viewports that meet the condition */
|
||||
}
|
||||
|
||||
@media print,
|
||||
(-o-min-device-pixel-ratio: 5/4),
|
||||
(-webkit-min-device-pixel-ratio: 1.25),
|
||||
(min-resolution: 120dpi) {
|
||||
/* Style adjustments for high resolution devices */
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Print styles.
|
||||
Inlined to avoid required HTTP connection: h5bp.com/r
|
||||
========================================================================== */
|
||||
|
||||
@media print {
|
||||
* {
|
||||
background: transparent !important;
|
||||
color: #000 !important; /* Black prints faster: h5bp.com/s */
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
a,
|
||||
a:visited {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a[href]:after {
|
||||
content: " (" attr(href) ")";
|
||||
}
|
||||
|
||||
abbr[title]:after {
|
||||
content: " (" attr(title) ")";
|
||||
}
|
||||
|
||||
/*
|
||||
* Don't show links for images, or javascript/internal links
|
||||
*/
|
||||
|
||||
.ir a:after,
|
||||
a[href^="javascript:"]:after,
|
||||
a[href^="#"]:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
pre,
|
||||
blockquote {
|
||||
border: 1px solid #999;
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
thead {
|
||||
display: table-header-group; /* h5bp.com/t */
|
||||
}
|
||||
|
||||
tr,
|
||||
img {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
@page {
|
||||
margin: 0.5cm;
|
||||
}
|
||||
|
||||
p,
|
||||
h2,
|
||||
h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
|
||||
h2,
|
||||
h3 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
533
erp_web/js/jquery-asDatepicker/demo/css/normalize.css
vendored
Normal file
533
erp_web/js/jquery-asDatepicker/demo/css/normalize.css
vendored
Normal file
@@ -0,0 +1,533 @@
|
||||
/*! normalize.css v1.1.1 | MIT License | git.io/normalize */
|
||||
|
||||
/* ==========================================================================
|
||||
HTML5 display definitions
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
|
||||
*/
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
video {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent modern browsers from displaying `audio` without controls.
|
||||
* Remove excess height in iOS 5 devices.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
|
||||
* Known issue: no IE 6 support.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Base
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Prevent system color scheme's background color being used in Firefox, IE,
|
||||
* and Opera.
|
||||
* 2. Prevent system color scheme's text color being used in Firefox, IE, and
|
||||
* Opera.
|
||||
* 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
|
||||
* `em` units.
|
||||
* 4. Prevent iOS text size adjust after orientation change, without disabling
|
||||
* user zoom.
|
||||
*/
|
||||
|
||||
html {
|
||||
background: #fff; /* 1 */
|
||||
color: #000; /* 2 */
|
||||
font-size: 100%; /* 3 */
|
||||
-webkit-text-size-adjust: 100%; /* 4 */
|
||||
-ms-text-size-adjust: 100%; /* 4 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Address `font-family` inconsistency between `textarea` and other form
|
||||
* elements.
|
||||
*/
|
||||
|
||||
html,
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address margins handled incorrectly in IE 6/7.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Links
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address `outline` inconsistency between Chrome and other browsers.
|
||||
*/
|
||||
|
||||
a:focus {
|
||||
outline: thin dotted;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve readability when focused and also mouse hovered in all browsers.
|
||||
*/
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Typography
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address font sizes and margins set differently in IE 6/7.
|
||||
* Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
|
||||
* and Chrome.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.5em;
|
||||
margin: 0.83em 0;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.17em;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1em;
|
||||
margin: 1.33em 0;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 0.83em;
|
||||
margin: 1.67em 0;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 0.67em;
|
||||
margin: 2.33em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 7/8/9, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in Safari 5 and Chrome.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address differences between Firefox and other browsers.
|
||||
* Known issue: no IE 6/7 normalization.
|
||||
*/
|
||||
|
||||
hr {
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 6/7/8/9.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address margins set differently in IE 6/7.
|
||||
*/
|
||||
|
||||
p,
|
||||
pre {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, serif;
|
||||
_font-family: 'courier new', monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve readability of pre-formatted text in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address CSS quotes not supported in IE 6/7.
|
||||
*/
|
||||
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address `quotes` property not supported in Safari 4.
|
||||
*/
|
||||
|
||||
q:before,
|
||||
q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent and variable font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Lists
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address margins set differently in IE 6/7.
|
||||
*/
|
||||
|
||||
dl,
|
||||
menu,
|
||||
ol,
|
||||
ul {
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin: 0 0 0 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address paddings set differently in IE 6/7.
|
||||
*/
|
||||
|
||||
menu,
|
||||
ol,
|
||||
ul {
|
||||
padding: 0 0 0 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct list images handled incorrectly in IE 7.
|
||||
*/
|
||||
|
||||
nav ul,
|
||||
nav ol {
|
||||
list-style: none;
|
||||
list-style-image: none;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
|
||||
* 2. Improve image quality when scaled in IE 7.
|
||||
*/
|
||||
|
||||
img {
|
||||
border: 0; /* 1 */
|
||||
-ms-interpolation-mode: bicubic; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct overflow displayed oddly in IE 9.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Figures
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Correct margin displayed oddly in IE 6/7.
|
||||
*/
|
||||
|
||||
form {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Define consistent border, margin, and padding.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct color not being inherited in IE 6/7/8/9.
|
||||
* 2. Correct text not wrapping in Firefox 3.
|
||||
* 3. Correct alignment displayed oddly in IE 6/7.
|
||||
*/
|
||||
|
||||
legend {
|
||||
border: 0; /* 1 */
|
||||
padding: 0;
|
||||
white-space: normal; /* 2 */
|
||||
*margin-left: -7px; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct font size not being inherited in all browsers.
|
||||
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
|
||||
* and Chrome.
|
||||
* 3. Improve appearance and consistency in all browsers.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-size: 100%; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
vertical-align: baseline; /* 3 */
|
||||
*vertical-align: middle; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
|
||||
* the UA stylesheet.
|
||||
*/
|
||||
|
||||
button,
|
||||
input {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
||||
* All other form control elements do not inherit `text-transform` values.
|
||||
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
|
||||
* Correct `select` style inheritance in Firefox 4+ and Opera.
|
||||
*/
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
||||
* and `video` controls.
|
||||
* 2. Correct inability to style clickable `input` types in iOS.
|
||||
* 3. Improve usability and consistency of cursor style between image-type
|
||||
* `input` and others.
|
||||
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
|
||||
* Known issue: inner spacing remains in IE 6.
|
||||
*/
|
||||
|
||||
button,
|
||||
html input[type="button"], /* 1 */
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
cursor: pointer; /* 3 */
|
||||
*overflow: visible; /* 4 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Re-set default cursor for disabled elements.
|
||||
*/
|
||||
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Address box sizing set to content-box in IE 8/9.
|
||||
* 2. Remove excess padding in IE 8/9.
|
||||
* 3. Remove excess padding in IE 7.
|
||||
* Known issue: excess padding remains in IE 6.
|
||||
*/
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
*height: 13px; /* 3 */
|
||||
*width: 13px; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
|
||||
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
|
||||
* (include `-moz` to future-proof).
|
||||
*/
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box; /* 2 */
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and search cancel button in Safari 5 and Chrome
|
||||
* on OS X.
|
||||
*/
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and border in Firefox 3+.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
|
||||
* 2. Improve readability and alignment in all browsers.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto; /* 1 */
|
||||
vertical-align: top; /* 2 */
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Tables
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove most spacing between table cells.
|
||||
*/
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
107
erp_web/js/jquery-asDatepicker/demo/css/prism.css
Normal file
107
erp_web/js/jquery-asDatepicker/demo/css/prism.css
Normal file
@@ -0,0 +1,107 @@
|
||||
/**
|
||||
* prism.js default theme for JavaScript, CSS and HTML
|
||||
* Based on dabblet (http://dabblet.com)
|
||||
* @author Lea Verou
|
||||
*/
|
||||
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
color: black;
|
||||
text-shadow: 0 1px white;
|
||||
font-family: Consolas, Monaco, 'Andale Mono', monospace;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
@media print {
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
pre[class*="language-"] {
|
||||
padding: 1em;
|
||||
margin: .5em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
:not(pre) > code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
background: #f5f2f0;
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
:not(pre) > code[class*="language-"] {
|
||||
padding: .1em;
|
||||
border-radius: .3em;
|
||||
}
|
||||
|
||||
.token.comment,
|
||||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: slategray;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.namespace {
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
.token.tag,
|
||||
.token.boolean,
|
||||
.token.number {
|
||||
color: #905;
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
.token.attr-name,
|
||||
.token.string {
|
||||
color: #690;
|
||||
}
|
||||
|
||||
.token.operator,
|
||||
.token.entity,
|
||||
.token.url,
|
||||
.language-css .token.string,
|
||||
.style .token.string {
|
||||
color: #a67f59;
|
||||
background: hsla(0,0%,100%,.5);
|
||||
}
|
||||
|
||||
.token.atrule,
|
||||
.token.attr-value,
|
||||
.token.keyword {
|
||||
color: #07a;
|
||||
}
|
||||
|
||||
|
||||
.token.regex,
|
||||
.token.important {
|
||||
color: #e90;
|
||||
}
|
||||
|
||||
.token.important {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.token.entity {
|
||||
cursor: help;
|
||||
}
|
||||
344
erp_web/js/jquery-asDatepicker/demo/index.html
Normal file
344
erp_web/js/jquery-asDatepicker/demo/index.html
Normal file
@@ -0,0 +1,344 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
||||
<!--[if gt IE 8]><!-->
|
||||
<html class="no-js">
|
||||
<!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>多功能jQuery日期控件asDatepicker - 素材家园（www.sucaijiayuan.com）</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<link rel="stylesheet" href="css/normalize.css">
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="css/prism.css">
|
||||
<link rel="stylesheet" href="../css/asDatepicker.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="toc"></div>
|
||||
<div class="container">
|
||||
<h1>jQuery.asDatepicker</h1>
|
||||
<section>
|
||||
<h2>Examples</h2>
|
||||
<p>You can pass these options as key/value object to $.asDatepicker() method. </p>
|
||||
<section>
|
||||
<h3>default single</h3>
|
||||
<pre class="has-example"><code class="language-markup">
|
||||
<input type="text" id="calendar">
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$("#calendar").asDatepicker();
|
||||
});
|
||||
<script></code></pre>
|
||||
<div class="example">
|
||||
<!-- <input type="text" id="calendar" data-range-mode="section" data-selectable-year="2001>2010,2013,2015>2018"> -->
|
||||
<input type="text" id="calendar">
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<h3>range</h3>
|
||||
<pre class="has-example"><code class="language-markup">
|
||||
<input type="text" id="calendar2">
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$("#calendar2").asDatepicker({mode: 'range'});
|
||||
});
|
||||
<script></code></pre>
|
||||
<div class="example">
|
||||
<input type="text" id="calendar2" style="width:170px;">
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<h3>multiple</h3>
|
||||
<pre class="has-example"><code class="language-markup">
|
||||
<input type="text" id="calendar3">
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$("#calendar3").asDatepicker({mode: 'multiple', calendars: '4'});
|
||||
});
|
||||
<script></code></pre>
|
||||
<div class="example">
|
||||
<input type="text" id="calendar3">
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<h3>Data attributes</h3>
|
||||
<p>Any option of the asDatepicker can also be set via data-attributes.</p>
|
||||
<p>Such as:</p>
|
||||
<pre class="has-example"><code class="language-markup">
|
||||
<input type="text" id="calendar4" data-mode="range" data-range-mode="section" data-selectable-year="2001>2010,2012,2014>2016">
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$("#calendar4").asDatepicker();
|
||||
});
|
||||
<script></code></pre>
|
||||
<div class="example">
|
||||
<input type="text" id="calendar4" data-mode="range" data-range-mode="section" data-selectable-year="2001>2010,2012,2014>2016">
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<h3>Mobile Single</h3>
|
||||
<pre class="has-example"><code class="language-markup">
|
||||
<input type="text" id="calendar-mobile-single">
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$('#calendar-mobile-single').asDatepicker({
|
||||
mobileMode: true
|
||||
});
|
||||
});
|
||||
<script>
|
||||
</code></pre>
|
||||
<div class="example">
|
||||
<input type="text" id="calendar-mobile-single">
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<h3>Mobile Range</h3>
|
||||
<pre class="has-example"><code class="language-markup">
|
||||
<input type="text" id="calendar-mobile-range">
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$('#calendar-mobile-range').asDatepicker({
|
||||
mode: 'range',
|
||||
mobileMode: true
|
||||
});
|
||||
});
|
||||
<script>
|
||||
</code></pre>
|
||||
<div class="example">
|
||||
<input type="text" id="calendar-mobile-range">
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<h3>Mobile Multiple</h3>
|
||||
<pre class="has-example"><code class="language-markup">
|
||||
<input type="text" id="calendar-mobile-multiple">
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$('#calendar-mobile-multiple').asDatepicker({
|
||||
mode: 'multiple',
|
||||
mobileMode: true
|
||||
});
|
||||
});
|
||||
<script>
|
||||
</code></pre>
|
||||
<div class="example">
|
||||
<input type="text" id="calendar-mobile-multiple">
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Keyboard navigation</h2>
|
||||
<p> <span>left arrow ----- </span> highlights previous day </p>
|
||||
<p> <span>right arrow ----- </span> highlights next day </p>
|
||||
<p> <span>up arrow ----- </span> highlights same day from the previous week </p>
|
||||
<p> <span>down arrow ----- </span> highlights same day from the next week </p>
|
||||
<p> <span>ctrl + left arrow ----- </span> navigates to previous month </p>
|
||||
<p> <span>ctrl + right arrow ----- </span> navigates to next month </p>
|
||||
<p> <span>ctrl + up arrow ----- </span> navigates to higher view </p>
|
||||
<p> <span>ctrl + down arrow ----- </span> navigates to lower view </p>
|
||||
<p> <span>alt + left arrow ----- </span> focus in previous calendar </p>
|
||||
<p> <span>alt + right arrow ----- </span> focus in next calendar </p>
|
||||
<p> <span>enter ----- </span> if in "days" view selects the highlighted day. In other views navigates to a lower view </p>
|
||||
<p> <span>esc ----- </span> closes the popup </p>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Available options</h2>
|
||||
<p>You can pass these options as key/value object to $.asDatepicker() method. </p>
|
||||
</section>
|
||||
<section>
|
||||
<h2>API</h2>
|
||||
<section>
|
||||
<h3>DisplayMode</h3>
|
||||
<p>With default dropdown and inline</p>
|
||||
<pre class="has-example"><code class="language-markup">
|
||||
$("#calendar-api-displayMode").asDatepicker({displayMode: 'inline'});</code></pre>
|
||||
<div class="example">
|
||||
<input type="text" id="calendar-api-displayMode">
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<h3>show()</h3>
|
||||
<pre class="has-example"><code class="language-markup">
|
||||
$('#calendar-api-show').asDatepicker('show');</code></pre>
|
||||
<div class="example">
|
||||
<input type="text" class="asDatepicker" id="calendar-api-show">
|
||||
<a href="#" id="calendar-api-show-click">Click to show calendar</a> </div>
|
||||
</section>
|
||||
<section>
|
||||
<h3>hide()</h3>
|
||||
<pre class="has-example"><code class="language-markup">
|
||||
$('#calendar-api-show').asDatepicker('hide');</code></pre>
|
||||
<div class="example">
|
||||
<input type="text" class="asDatepicker" id="calendar-api-hide">
|
||||
<a href="#" id="calendar-api-hide-click">Click to hide calendar</a> </div>
|
||||
</section>
|
||||
<section>
|
||||
<h3>multipleClear()</h3>
|
||||
<pre class="has-example"><code class="language-markup">
|
||||
$('#calendar-api-multipleClear').asDatepicker('multipleClear');</code></pre>
|
||||
<div class="example">
|
||||
<input type="text" class="calendar-multiple" id="calendar-api-multipleClear">
|
||||
<button id="api-multipleClear-click">Clear</button>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<h3>getWrap()</h3>
|
||||
<pre class="has-example"><code class="language-markup">
|
||||
$.asDatepicker('getWrap');</code></pre>
|
||||
<div class="example">
|
||||
<p>Returns the wrapper of the calendar.</p>
|
||||
</div>
|
||||
<section>
|
||||
<h3>getInput()</h3>
|
||||
<pre class="has-example"><code class="language-markup">
|
||||
$.asDatepicker('getInput');</code></pre>
|
||||
<div class="example"> Returns the input field. </div>
|
||||
<section>
|
||||
<h3>getDate()</h3>
|
||||
<pre class="has-example"><code class="language-markup">
|
||||
$('#calendar-api-getDate').asDatepicker('getDate');</code></pre>
|
||||
<div class="example">
|
||||
<p>Returns the currently selected date.</p>
|
||||
<input type="text" class="asDatepicker" id="calendar-api-getDate">
|
||||
<button id="api-getDate-click">getDate</button>
|
||||
</div>
|
||||
<div class="example info">
|
||||
<div class="content" id="api-getDate-info"></div>
|
||||
</div>
|
||||
<section>
|
||||
<h3>getDate(format)</h3>
|
||||
<pre class="has-example"><code class="language-markup">
|
||||
$('#calendar-api-getDate-format').asDatepicker('getDate', 'yyyy-mm-dd');</code></pre>
|
||||
<div class="example">
|
||||
<p>Returns the current date, formatted with the pattern given as the argument.</p>
|
||||
<input type="text" class="asDatepicker" id="calendar-api-getDate-format">
|
||||
<button id="api-getDate-format-click">getDate</button>
|
||||
</div>
|
||||
<div class="example info">
|
||||
<div class="content" id="api-getDate-format-info"></div>
|
||||
</div>
|
||||
<section>
|
||||
<h3>update()</h3>
|
||||
<pre class="has-example"><code class="language-markup">
|
||||
$('#calendar-api-update').asDatepicker();
|
||||
$('#calendar-api-update').asDatepicker('update', {mode: 'range'});</code></pre>
|
||||
<div class="example">
|
||||
<p>Sets one or more options for the asDatepicker.</p>
|
||||
<input type="text" class="asDatepicker" id="calendar-api-update">
|
||||
<button id="api-update-click">update</button>
|
||||
</div>
|
||||
<section> </section>
|
||||
<section>
|
||||
<h2>Events</h2>
|
||||
<section>
|
||||
<h3>on_show</h3>
|
||||
</section>
|
||||
<section>
|
||||
<h3>on_before_show</h3>
|
||||
</section>
|
||||
<section>
|
||||
<h3>on_hide</h3>
|
||||
</section>
|
||||
<section>
|
||||
<h3>on_change</h3>
|
||||
</section>
|
||||
<section>
|
||||
<h3>on_render</h3>
|
||||
</section>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Skin</h2>
|
||||
</section>
|
||||
<section>
|
||||
<h2>Location</h2>
|
||||
</section>
|
||||
</div>
|
||||
<script src="js/jquery.js"></script>
|
||||
<script src="js/jquery.mobile.custom.js"></script>
|
||||
<script src="js/jquery.toc.min.js"></script>
|
||||
<script src="js/prism.js"></script>
|
||||
<script src="../js/jquery-asDatepicker.js"></script>
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
(function(){
|
||||
$('#toc').toc();
|
||||
})();
|
||||
$("#calendar").asDatepicker({
|
||||
namespace: 'calendar',
|
||||
lang: 'zh',
|
||||
position: 'bottom'
|
||||
});
|
||||
|
||||
$("#calendar2").asDatepicker({
|
||||
mode: 'range',
|
||||
namespace: 'calendar',
|
||||
lang: 'zh',
|
||||
position: 'bottom'
|
||||
});
|
||||
|
||||
$("#calendar3").asDatepicker({
|
||||
mode: 'multiple',
|
||||
calendars: 4,
|
||||
});
|
||||
|
||||
$("#calendar4").asDatepicker();
|
||||
|
||||
$('#calendar-mobile-single').asDatepicker({
|
||||
mobileMode: true
|
||||
});
|
||||
$('#calendar-mobile-range').asDatepicker({
|
||||
mode: 'range',
|
||||
mobileMode: true
|
||||
});
|
||||
$('#calendar-mobile-multiple').asDatepicker({
|
||||
mode: 'multiple',
|
||||
mobileMode: true
|
||||
});
|
||||
|
||||
|
||||
|
||||
$('.asDatepicker').asDatepicker();
|
||||
$('.calendar-multiple').asDatepicker({mode: 'multiple', calendars: 3});
|
||||
|
||||
$('#calendar-api-displayMode').asDatepicker({displayMode: 'inline'});
|
||||
|
||||
$('#calendar-api-show-click').click(function(){
|
||||
$('#calendar-api-show').asDatepicker('show');
|
||||
return false;
|
||||
});
|
||||
$('#calendar-api-hide-click').click(function(){
|
||||
$('#calendar-api-hide').asDatepicker('hide');
|
||||
return false;
|
||||
});
|
||||
|
||||
$('#api-multipleClear-click').click(function() {
|
||||
$("#calendar-api-multipleClear").asDatepicker('multipleClear');
|
||||
return false;
|
||||
});
|
||||
|
||||
$('#api-getDate-click').click(function() {
|
||||
var html = '<div>' + $('#calendar-api-getDate').asDatepicker('getDate') + '</div>';
|
||||
$(html).prependTo($('#api-getDate-info'));
|
||||
return false;
|
||||
});
|
||||
|
||||
$('#api-getDate-format-click').click(function() {
|
||||
var html = '<div>' + $('#calendar-api-getDate-format').asDatepicker('getDate', 'yyyy-mm-dd') + '</div>';
|
||||
$(html).prependTo($('#api-getDate-format-info'));
|
||||
return false;
|
||||
});
|
||||
|
||||
$('#api-update-click').click(function() {
|
||||
$('#calendar-api-update').asDatepicker('update', {mode: 'range'});
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
9555
erp_web/js/jquery-asDatepicker/demo/js/jquery.js
vendored
Normal file
9555
erp_web/js/jquery-asDatepicker/demo/js/jquery.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
1051
erp_web/js/jquery-asDatepicker/demo/js/jquery.mobile.custom.js
Normal file
1051
erp_web/js/jquery-asDatepicker/demo/js/jquery.mobile.custom.js
Normal file
File diff suppressed because it is too large
Load Diff
3
erp_web/js/jquery-asDatepicker/demo/js/jquery.mobile.custom.min.js
vendored
Normal file
3
erp_web/js/jquery-asDatepicker/demo/js/jquery.mobile.custom.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
8
erp_web/js/jquery-asDatepicker/demo/js/jquery.toc.min.js
vendored
Normal file
8
erp_web/js/jquery-asDatepicker/demo/js/jquery.toc.min.js
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
/*!
|
||||
* toc - jQuery Table of Contents Plugin
|
||||
* v0.1.2
|
||||
* http://projects.jga.me/toc/
|
||||
* copyright Greg Allen 2013
|
||||
* MIT License
|
||||
*/
|
||||
(function(t){t.fn.toc=function(e){var n,i=this,r=t.extend({},jQuery.fn.toc.defaults,e),o=t(r.container),a=t(r.selectors,o),l=[],h=r.prefix+"-active",s=function(e){if(r.smoothScrolling){e.preventDefault();var n=t(e.target).attr("href"),o=t(n);t("body,html").animate({scrollTop:o.offset().top},400,"swing",function(){location.hash=n})}t("li",i).removeClass(h),t(e.target).parent().addClass(h)},c=function(){n&&clearTimeout(n),n=setTimeout(function(){for(var e,n=t(window).scrollTop(),o=0,a=l.length;a>o;o++)if(l[o]>=n){t("li",i).removeClass(h),e=t("li:eq("+(o-1)+")",i).addClass(h),r.onHighlight(e);break}},50)};return r.highlightOnScroll&&(t(window).bind("scroll",c),c()),this.each(function(){var e=t(this),n=t("<ul/>");a.each(function(i,o){var a=t(o);l.push(a.offset().top-r.highlightOffset),t("<span/>").attr("id",r.anchorName(i,o,r.prefix)).insertBefore(a);var h=t("<a/>").text(r.headerText(i,o,a)).attr("href","#"+r.anchorName(i,o,r.prefix)).bind("click",function(n){s(n),e.trigger("selected",t(this).attr("href"))}),c=t("<li/>").addClass(r.itemClass(i,o,a,r.prefix)).append(h);n.append(c)}),e.html(n)})},jQuery.fn.toc.defaults={container:"body",selectors:"h1,h2,h3",smoothScrolling:!0,prefix:"toc",onHighlight:function(){},highlightOnScroll:!0,highlightOffset:100,anchorName:function(t,e,n){return n+t},headerText:function(t,e,n){return n.text()},itemClass:function(t,e,n,i){return i+"-"+n[0].tagName.toLowerCase()}}})(jQuery);
|
||||
9
erp_web/js/jquery-asDatepicker/demo/js/language.js
vendored
Normal file
9
erp_web/js/jquery-asDatepicker/demo/js/language.js
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
jQuery(function($) {
|
||||
$.asDatepicker.localize("zh", {
|
||||
days: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
|
||||
daysShort: ["日", "一", "二", "三", "四", "五", "六"],
|
||||
months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
|
||||
monthsShort: ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"],
|
||||
caption_format: 'yyyy年m月dd日'
|
||||
});
|
||||
})
|
||||
7
erp_web/js/jquery-asDatepicker/demo/js/prism.js
vendored
Normal file
7
erp_web/js/jquery-asDatepicker/demo/js/prism.js
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
/**
|
||||
* Prism: Lightweight, robust, elegant syntax highlighting
|
||||
* MIT license http://www.opensource.org/licenses/mit-license.php/
|
||||
* @author Lea Verou http://lea.verou.me
|
||||
*/(function(){var e=/\blang(?:uage)?-(?!\*)(\w+)\b/i,t=self.Prism={util:{type:function(e){return Object.prototype.toString.call(e).match(/\[object (\w+)\]/)[1]},clone:function(e){var n=t.util.type(e);switch(n){case"Object":var r={};for(var i in e)e.hasOwnProperty(i)&&(r[i]=t.util.clone(e[i]));return r;case"Array":return e.slice()}return e}},languages:{extend:function(e,n){var r=t.util.clone(t.languages[e]);for(var i in n)r[i]=n[i];return r},insertBefore:function(e,n,r,i){i=i||t.languages;var s=i[e],o={};for(var u in s)if(s.hasOwnProperty(u)){if(u==n)for(var a in r)r.hasOwnProperty(a)&&(o[a]=r[a]);o[u]=s[u]}return i[e]=o},DFS:function(e,n){for(var r in e){n.call(e,r,e[r]);t.util.type(e)==="Object"&&t.languages.DFS(e[r],n)}}},highlightAll:function(e,n){var r=document.querySelectorAll('code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code');for(var i=0,s;s=r[i++];)t.highlightElement(s,e===!0,n)},highlightElement:function(r,i,s){var o,u,a=r;while(a&&!e.test(a.className))a=a.parentNode;if(a){o=(a.className.match(e)||[,""])[1];u=t.languages[o]}if(!u)return;r.className=r.className.replace(e,"").replace(/\s+/g," ")+" language-"+o;a=r.parentNode;/pre/i.test(a.nodeName)&&(a.className=a.className.replace(e,"").replace(/\s+/g," ")+" language-"+o);var f=r.textContent;if(!f)return;f=f.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/\u00a0/g," ");var l={element:r,language:o,grammar:u,code:f};t.hooks.run("before-highlight",l);if(i&&self.Worker){var c=new Worker(t.filename);c.onmessage=function(e){l.highlightedCode=n.stringify(JSON.parse(e.data));l.element.innerHTML=l.highlightedCode;s&&s.call(l.element);t.hooks.run("after-highlight",l)};c.postMessage(JSON.stringify({language:l.language,code:l.code}))}else{l.highlightedCode=t.highlight(l.code,l.grammar);l.element.innerHTML=l.highlightedCode;s&&s.call(r);t.hooks.run("after-highlight",l)}},highlight:function(e,r){return n.stringify(t.tokenize(e,r))},tokenize:function(e,n){var r=t.Token,i=[e],s=n.rest;if(s){for(var o in s)n[o]=s[o];delete n.rest}e:for(var o in n){if(!n.hasOwnProperty(o)||!n[o])continue;var u=n[o],a=u.inside,f=!!u.lookbehind||0;u=u.pattern||u;for(var l=0;l<i.length;l++){var c=i[l];if(i.length>e.length)break e;if(c instanceof r)continue;u.lastIndex=0;var h=u.exec(c);if(h){f&&(f=h[1].length);var p=h.index-1+f,h=h[0].slice(f),d=h.length,v=p+d,m=c.slice(0,p+1),g=c.slice(v+1),y=[l,1];m&&y.push(m);var b=new r(o,a?t.tokenize(h,a):h);y.push(b);g&&y.push(g);Array.prototype.splice.apply(i,y)}}}return i},hooks:{all:{},add:function(e,n){var r=t.hooks.all;r[e]=r[e]||[];r[e].push(n)},run:function(e,n){var r=t.hooks.all[e];if(!r||!r.length)return;for(var i=0,s;s=r[i++];)s(n)}}},n=t.Token=function(e,t){this.type=e;this.content=t};n.stringify=function(e){if(typeof e=="string")return e;if(Object.prototype.toString.call(e)=="[object Array]")return e.map(n.stringify).join("");var r={type:e.type,content:n.stringify(e.content),tag:"span",classes:["token",e.type],attributes:{}};r.type=="comment"&&(r.attributes.spellcheck="true");t.hooks.run("wrap",r);var i="";for(var s in r.attributes)i+=s+'="'+(r.attributes[s]||"")+'"';return"<"+r.tag+' class="'+r.classes.join(" ")+'" '+i+">"+r.content+"</"+r.tag+">"};if(!self.document){self.addEventListener("message",function(e){var n=JSON.parse(e.data),r=n.language,i=n.code;self.postMessage(JSON.stringify(t.tokenize(i,t.languages[r])));self.close()},!1);return}var r=document.getElementsByTagName("script");r=r[r.length-1];if(r){t.filename=r.src;document.addEventListener&&!r.hasAttribute("data-manual")&&document.addEventListener("DOMContentLoaded",t.highlightAll)}})();;
|
||||
Prism.languages.markup={comment:/<!--[\w\W]*?--(>|>)/g,prolog:/<\?.+?\?>/,doctype:/<!DOCTYPE.+?>/,cdata:/<!\[CDATA\[[\w\W]+?]]>/i,tag:{pattern:/<\/?[\w:-]+\s*(?:\s+[\w:-]+(?:=(?:("|')(\\?[\w\W])*?\1|\w+))?\s*)*\/?>/gi,inside:{tag:{pattern:/^<\/?[\w:-]+/i,inside:{punctuation:/^<\/?/,namespace:/^[\w-]+?:/}},"attr-value":{pattern:/=(?:('|")[\w\W]*?(\1)|[^\s>]+)/gi,inside:{punctuation:/=|>|"/g}},punctuation:/\/?>/g,"attr-name":{pattern:/[\w:-]+/g,inside:{namespace:/^[\w-]+?:/}}}},entity:/&#?[\da-z]{1,8};/gi};Prism.hooks.add("wrap",function(e){e.type==="entity"&&(e.attributes.title=e.content.replace(/&/,"&"))});;
|
||||
Prism.languages.css={comment:/\/\*[\w\W]*?\*\//g,atrule:/@[\w-]+?(\s+[^;{]+)?(?=\s*{|\s*;)/gi,url:/url\((["']?).*?\1\)/gi,selector:/[^\{\}\s][^\{\}]*(?=\s*\{)/g,property:/(\b|\B)[a-z-]+(?=\s*:)/ig,string:/("|')(\\?.)*?\1/g,important:/\B!important\b/gi,ignore:/&(lt|gt|amp);/gi,punctuation:/[\{\};:]/g};Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{style:{pattern:/(<|<)style[\w\W]*?(>|>)[\w\W]*?(<|<)\/style(>|>)/ig,inside:{tag:{pattern:/(<|<)style[\w\W]*?(>|>)|(<|<)\/style(>|>)/ig,inside:Prism.languages.markup.tag.inside},rest:Prism.languages.css}}});;
|
||||
BIN
erp_web/js/jquery-asDatepicker/images/calendar-next-hover.png
Normal file
BIN
erp_web/js/jquery-asDatepicker/images/calendar-next-hover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
erp_web/js/jquery-asDatepicker/images/calendar-next.png
Normal file
BIN
erp_web/js/jquery-asDatepicker/images/calendar-next.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
erp_web/js/jquery-asDatepicker/images/calendar-prev-hover.png
Normal file
BIN
erp_web/js/jquery-asDatepicker/images/calendar-prev-hover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
erp_web/js/jquery-asDatepicker/images/calendar-prev.png
Normal file
BIN
erp_web/js/jquery-asDatepicker/images/calendar-prev.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
2158
erp_web/js/jquery-asDatepicker/js/jquery-asDatepicker.js
vendored
Normal file
2158
erp_web/js/jquery-asDatepicker/js/jquery-asDatepicker.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
317
erp_web/js/jquery-asDatepicker/less/asDatepicker.less
Normal file
317
erp_web/js/jquery-asDatepicker/less/asDatepicker.less
Normal file
@@ -0,0 +1,317 @@
|
||||
//========================== core ==========================
|
||||
|
||||
@namespace: calendar;
|
||||
|
||||
@mobileWrapWidth: 80%;
|
||||
@mobileWrapHeight: 80%;
|
||||
|
||||
@contentWidth: 210px;
|
||||
@contentHeight: 230px;
|
||||
|
||||
|
||||
.@{namespace} {
|
||||
&-content {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
white-space: normal;
|
||||
width: @contentWidth;
|
||||
height: @contentHeight;
|
||||
background-color: white;
|
||||
|
||||
&.@{namespace}_days {
|
||||
> .@{namespace}-days {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&.@{namespace}_months {
|
||||
.@{namespace}-months {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&.@{namespace}_years {
|
||||
.@{namespace}-years {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-days, &-months, &-years, &-buttons {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-row, &-head {
|
||||
display: table;
|
||||
width: 100%;
|
||||
> span {
|
||||
display: table-cell;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
&-header {
|
||||
display: table;
|
||||
width: 100%;
|
||||
height: 15%;
|
||||
> div {
|
||||
display: table-cell;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
&-prev, &-next {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
&-caption {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
&-days, &-months, &-years {
|
||||
height: 85%;
|
||||
}
|
||||
|
||||
&-head {
|
||||
height: 13%;
|
||||
span {
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
&-body {
|
||||
height: 87%;
|
||||
.@{namespace}-row {
|
||||
height: 100% / 6;
|
||||
}
|
||||
span {
|
||||
width: 14.28%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
&.@{namespace}_otherMonth, &.@{namespace}_untouchable {
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-months, &-years {
|
||||
.@{namespace}-row {
|
||||
height: 25%;
|
||||
}
|
||||
span {
|
||||
height: 100%;
|
||||
width: 33.3%;
|
||||
cursor: pointer;
|
||||
&.@{namespace}_untouchable {
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&_hide {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
&_show {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
&-wrap {
|
||||
white-space: nowrap;
|
||||
display: none;
|
||||
position: absolute;
|
||||
|
||||
&, & *:focus { outline: none; }
|
||||
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
&.@{namespace}_isMobile {
|
||||
z-index: 99999;
|
||||
position: fixed;
|
||||
width: 80%;
|
||||
height: 80%;
|
||||
line-height: 1;
|
||||
.@{namespace} {
|
||||
&-title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: -1.5em;
|
||||
left: 0;
|
||||
}
|
||||
&-content {
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
&.@{namespace}_show {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&-header {
|
||||
height: 11%;
|
||||
}
|
||||
&-days, &-months, &-years {
|
||||
height: 78%;
|
||||
}
|
||||
&-buttons {
|
||||
display: table;
|
||||
height: 11%;
|
||||
width: 100%;
|
||||
> div {
|
||||
display: table-cell;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-cover {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: black;
|
||||
opacity: 0.5;
|
||||
z-index: 9999;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//========================== skin ==========================
|
||||
|
||||
.@{namespace} {
|
||||
&-input {
|
||||
border: 1px solid green;
|
||||
}
|
||||
&-icon {
|
||||
background-color: gray;
|
||||
border: 1px solid green;
|
||||
}
|
||||
&_active {
|
||||
.@{namespace} {
|
||||
&-input {
|
||||
border: 1px solid red;
|
||||
}
|
||||
&-icon {
|
||||
border: 1px solid red;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-content {
|
||||
background-color: white;
|
||||
border: 1px solid rgb(235, 235, 235);
|
||||
color: rgb(119, 119, 119);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
font-family: 'Proxima Nova';
|
||||
span {
|
||||
border: 1px dashed transparent;
|
||||
&.@{namespace}_active {
|
||||
background-color: rgb(50, 184, 226) !important;
|
||||
color: white !important;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15) !important;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
|
||||
text-shadow: 0 2px 1px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
&.@{namespace}_otherMonth, &.@{namespace}_untouchable {
|
||||
color: rgb(200, 200, 200);
|
||||
background-color: inherit;
|
||||
&:hover, &:active, &.@{namespace}_active {
|
||||
background-color: inherit;
|
||||
color: rgb(200, 200, 200);
|
||||
}
|
||||
}
|
||||
&.@{namespace}_inRange {
|
||||
background-color: rgb(224, 244, 251);
|
||||
&:hover {
|
||||
background-color: inherit;
|
||||
}
|
||||
}
|
||||
&.@{namespace}_otherMonth.@{namespace}_inRange {
|
||||
&:hover {
|
||||
background-color: rgb(224, 244, 251);
|
||||
}
|
||||
}
|
||||
&.@{namespace}_focus {
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
color: rgb(50, 184, 226);
|
||||
}
|
||||
}
|
||||
}
|
||||
&-header {
|
||||
border-bottom: 1px solid rgb(235, 235, 235);
|
||||
}
|
||||
&-prev, &-next {
|
||||
color: transparent;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
&-prev {
|
||||
background-image: url('../images/calendar-prev.png');
|
||||
&.@{namespace}_blocked, &.@{namespace}_blocked:hover{
|
||||
background-image: none;
|
||||
cursor: auto;
|
||||
}
|
||||
&:hover {
|
||||
background-image: url('../images/calendar-prev-hover.png');
|
||||
}
|
||||
}
|
||||
|
||||
&-next {
|
||||
background-image: url('../images/calendar-next.png');
|
||||
&.@{namespace}_blocked, &.@{namespace}_blocked:hover{
|
||||
background-image: none;
|
||||
cursor: auto;
|
||||
}
|
||||
&:hover {
|
||||
background-image: url('../images/calendar-next-hover.png');
|
||||
}
|
||||
}
|
||||
&-caption {
|
||||
color: rgb(105, 105, 105);
|
||||
&:hover {
|
||||
color: rgb(0, 0, 0);
|
||||
}
|
||||
&.@{namespace}_blocked, &.@{namespace}_blocked:hover {
|
||||
color: rgb(105, 105, 105);
|
||||
cursor: auto;
|
||||
}
|
||||
}
|
||||
&-head {
|
||||
background-color: rgb(246, 246, 246);
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
span {
|
||||
-webkit-box-shadow: inset 0 1px 0 rgb(251, 251, 251);
|
||||
-moz-box-shadow: inset 0 1px 0 rgb(251, 251, 251);
|
||||
box-shadow: inset 0 1px 0 rgb(251, 251, 251);
|
||||
}
|
||||
}
|
||||
&-body, &-months, &-years {
|
||||
span {
|
||||
&:hover {
|
||||
background-color: rgb(224, 244, 251);
|
||||
}
|
||||
}
|
||||
padding: 6px;
|
||||
}
|
||||
&-buttons {
|
||||
border-top: 1px solid rgb(235, 235, 235);
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user