日期控件替换为 laydate
This commit is contained in:
thinkgem
@@ -1,299 +0,0 @@
|
||||
.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}
|
||||
@@ -1,491 +0,0 @@
|
||||
/*
|
||||
* 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;
|
||||
}
|
||||
}
|
||||
@@ -1,533 +0,0 @@
|
||||
/*! 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;
|
||||
}
|
||||
@@ -1,107 +0,0 @@
|
||||
/**
|
||||
* 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;
|
||||
}
|
||||
@@ -1,344 +0,0 @@
|
||||
<!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>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -1,8 +0,0 @@
|
||||
/*!
|
||||
* 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);
|
||||
@@ -1,9 +0,0 @@
|
||||
jQuery(function($) {
|
||||
$.asDatepicker.localize("zh", {
|
||||
days: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
|
||||
daysShort: ["日", "一", "二", "三", "四", "五", "六"],
|
||||
months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
|
||||
monthsShort: ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"],
|
||||
caption_format: 'yyyy年m月dd日'
|
||||
});
|
||||
})
|
||||
@@ -1,7 +0,0 @@
|
||||
/**
|
||||
* 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}}});;
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
File diff suppressed because it is too large
Load Diff
@@ -1,317 +0,0 @@
|
||||
//========================== 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);
|
||||
}
|
||||
|
||||
}
|
||||
@@ -1,4 +1,3 @@
|
||||
// Generated by CoffeeScript 1.6.3
|
||||
(function($, window, document) {
|
||||
var ResizeEnd, defaults, plugin;
|
||||
plugin = 'resizeEnd';
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
1880
common/src/main/resources/static/laydate/5.0/laydate.js
Normal file
1880
common/src/main/resources/static/laydate/5.0/laydate.js
Normal file
File diff suppressed because it is too large
Load Diff
39
common/src/main/resources/static/laydate/5.0/test.html
Normal file
39
common/src/main/resources/static/laydate/5.0/test.html
Normal file
@@ -0,0 +1,39 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>使用 layDate 独立版</title>
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
|
||||
<style>
|
||||
body{padding: 20px;}
|
||||
.demo-input{padding-left: 10px; height: 38px; min-width: 262px; line-height: 38px; border: 1px solid #e6e6e6; background-color: #fff; border-radius: 2px;}
|
||||
.demo-footer{padding: 50px 0; color: #999; font-size: 14px;}
|
||||
.demo-footer a{padding: 0 5px; color: #01AAED;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<input type="text" class="demo-input" placeholder="请选择日期" id="test1">
|
||||
|
||||
<div class="demo-footer">
|
||||
<a href="http://www.layui.com/laydate/" target="_blank">layDate<cite id="version"></cite></a>
|
||||
<a href="http://www.layui.com/doc/modules/laydate.html" target="_blank">文档</a>
|
||||
<span>© <a href="http://www.layui.com/" target="_blank">layui.com</a> By 贤心<span>
|
||||
</div>
|
||||
|
||||
<script src="laydate.js"></script> <!-- 改成你的路径 -->
|
||||
<script>
|
||||
lay('#version').html('-v'+ laydate.v);
|
||||
|
||||
//执行一个laydate实例
|
||||
laydate.render({
|
||||
elem: '#test1' //指定元素
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
@@ -0,0 +1,45 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<!--
|
||||
2013-9-30: Created.
|
||||
-->
|
||||
<svg>
|
||||
<metadata>
|
||||
Created by iconfont
|
||||
</metadata>
|
||||
<defs>
|
||||
|
||||
<font id="laydate-icon" horiz-adv-x="1024" >
|
||||
<font-face
|
||||
font-family="laydate-icon"
|
||||
font-weight="500"
|
||||
font-stretch="normal"
|
||||
units-per-em="1024"
|
||||
ascent="896"
|
||||
descent="-128"
|
||||
/>
|
||||
<missing-glyph />
|
||||
|
||||
<glyph glyph-name="x" unicode="x" horiz-adv-x="1001"
|
||||
d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
|
||||
t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
|
||||
t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
|
||||
|
||||
|
||||
|
||||
<glyph glyph-name="youyou" unicode="" d="M283.648 721.918976 340.873216 780.926976 740.352 383.997952 340.876288-12.925952 283.648 46.077952 619.52 383.997952Z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="zuozuo" unicode="" d="M740.352 721.918976 683.126784 780.926976 283.648 383.997952 683.123712-12.925952 740.352 46.077952 404.48 383.997952Z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="xiayiye" unicode="" d="M62.573 384.103l423.401 423.662c18.985 18.985 49.757 18.985 68.727 0 18.982-18.972 18.985-49.746 0-68.729l-355.058-355.067 356.796-356.796c18.977-18.971 18.976-49.746 0-68.727-18.982-18.976-49.751-18.976-68.727 0l-39.753 39.753 0.269 0.246-385.655 385.661zM451.365 384.103l423.407 423.662c18.985 18.985 49.757 18.985 68.727 0 18.982-18.972 18.985-49.746 0-68.729l-355.058-355.067 356.796-356.796c18.977-18.971 18.976-49.746 0-68.727-18.982-18.976-49.757-18.977-68.727 0l-39.762 39.754 0.273 0.249-385.662 385.661zM451.365 384.103z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
<glyph glyph-name="xiayiye1" unicode="" d="M948.066926 382.958838l-411.990051-412.24426c-18.47333-18.47333-48.417689-18.47333-66.875207 0-18.47333 18.461167-18.47333 48.405526 0 66.875207L814.691135 383.088983 467.512212 730.269123c-18.466032 18.458735-18.466032 48.405526 0 66.873991 18.468465 18.464816 48.410391 18.464816 66.872774 0l38.682336-38.682336-0.261507-0.239614 375.259894-375.265975v0.003649m-378.312834 0L157.756743-29.285422c-18.47333-18.47333-48.415256-18.47333-66.872775 0-18.47333 18.461167-18.47333 48.405526 0 66.875207L436.369787 383.088983 89.19208 730.269123c-18.4636 18.458735-18.4636 48.405526 0 66.873991 18.470898 18.464816 48.415256 18.464816 66.872774 0l38.692067-38.682336-0.266372-0.239614 375.267191-375.265975-0.004865 0.003649m0 0z" horiz-adv-x="1024" />
|
||||
|
||||
|
||||
|
||||
|
||||
</font>
|
||||
</defs></svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,174 @@
|
||||
/** 图标字体 **/
|
||||
@font-face {font-family:'laydate-icon';
|
||||
src:url('./font/iconfont.eot');
|
||||
src:url('./font/iconfont.eot#iefix') format('embedded-opentype'),
|
||||
url('./font/iconfont.svg#iconfont') format('svg'),
|
||||
url('./font/iconfont.woff') format('woff'),
|
||||
url('./font/iconfont.ttf') format('truetype');
|
||||
}
|
||||
|
||||
.laydate-icon{
|
||||
font-family:"laydate-icon"!important;
|
||||
font-size:16px;
|
||||
font-style:normal;
|
||||
-webkit-font-smoothing:antialiased;
|
||||
-moz-osx-font-smoothing:grayscale;
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@Name:laydata
|
||||
@Author:贤心
|
||||
|
||||
**/
|
||||
|
||||
html #layuicss-laydate{display:none;position:absolute;width:1989px;}
|
||||
|
||||
/* 初始化 */
|
||||
.layui-laydate *{margin:0;padding:0;}
|
||||
|
||||
/* 主体结构 */
|
||||
.layui-laydate, .layui-laydate *{box-sizing:border-box;}
|
||||
.layui-laydate{position:absolute;z-index:66666666;margin:5px 0;border-radius:2px;font-size:14px;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
|
||||
.layui-laydate-main{width:260px;}
|
||||
.layui-laydate-header *,
|
||||
.layui-laydate-content td,
|
||||
.layui-laydate-list li{transition-duration:.3s;-webkit-transition-duration:.3s;}
|
||||
|
||||
@-webkit-keyframes laydate-upbit{ /* 微微往上滑入 */
|
||||
from {-webkit-transform:translate3d(0, 20px, 0);opacity:0.3;}
|
||||
to {-webkit-transform:translate3d(0, 0, 0); opacity:1;}
|
||||
}
|
||||
@keyframes laydate-upbit{
|
||||
from {transform:translate3d(0, 20px, 0); opacity:0.3;}
|
||||
to {transform:translate3d(0, 0, 0); opacity:1;}
|
||||
}
|
||||
.layui-laydate{-webkit-animation-name:laydate-upbit;animation-name:laydate-upbit;}
|
||||
.layui-laydate-static{ position:relative;z-index:0;display:inline-block;margin:0;-webkit-animation:none;animation:none;}
|
||||
|
||||
/* 展开年月列表时 */
|
||||
.laydate-ym-show .laydate-prev-m,
|
||||
.laydate-ym-show .laydate-next-m{display:none!important;}
|
||||
.laydate-ym-show .laydate-prev-y,
|
||||
.laydate-ym-show .laydate-next-y{display:inline-block!important;}
|
||||
.laydate-ym-show .laydate-set-ym span[lay-type="month"]{display:none!important;}
|
||||
|
||||
/* 展开时间列表时 */
|
||||
.laydate-time-show .layui-laydate-header .layui-icon,
|
||||
.laydate-time-show .laydate-set-ym span[lay-type="year"],
|
||||
.laydate-time-show .laydate-set-ym span[lay-type="month"]{display:none!important;}
|
||||
|
||||
/* 头部结构 */
|
||||
.layui-laydate-header{position:relative;line-height:22px;padding:6px 50px 5px;}
|
||||
.layui-laydate-header *{display:inline-block;vertical-align:bottom;}
|
||||
.layui-laydate-header i{position:absolute;top:6px;padding:0 2px;color:#999;font-size:14px;cursor:pointer;}
|
||||
.layui-laydate-header i.laydate-prev-y{left:15px;}
|
||||
.layui-laydate-header i.laydate-prev-m{left:45px;}
|
||||
.layui-laydate-header i.laydate-next-y{right:15px;}
|
||||
.layui-laydate-header i.laydate-next-m{right:45px;}
|
||||
.laydate-set-ym{width:100%;text-align:center;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
|
||||
.laydate-set-ym span{padding:0 5px;cursor:pointer;}
|
||||
.laydate-time-text{cursor:default!important;}
|
||||
|
||||
/* 主体结构 */
|
||||
.layui-laydate-content{position:relative;padding:5px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
|
||||
.layui-laydate-content table{border-collapse:collapse;border-spacing:0;}
|
||||
.layui-laydate-content th,
|
||||
.layui-laydate-content td{width:36px;height:30px;padding:0px;text-align:center;}
|
||||
.layui-laydate-content th{font-weight:400;}
|
||||
.layui-laydate-content td{position:relative;cursor:pointer;}
|
||||
.laydate-day-mark{position:absolute;left:0;top:0;width:100%;height:100%;line-height:30px;font-size:12px;overflow:hidden;}
|
||||
.laydate-day-mark::after{position:absolute;content:'';right:2px;top:2px;width:5px;height:5px;border-radius:50%;}
|
||||
|
||||
/* 底部结构 */
|
||||
.layui-laydate-footer{position:relative;height:36px;line-height:22px;padding:6px 15px;}
|
||||
.layui-laydate-footer span{margin-right:15px;display:inline-block;cursor:pointer;font-size:12px;}
|
||||
.layui-laydate-footer span:hover{color:#08c;}
|
||||
.laydate-footer-btns{position:absolute;right:5px;top:5px;}
|
||||
.laydate-footer-btns span{margin:0 0 0 3px;padding:0 8px;border:1px solid #C9C9C9;background-color:#fff; white-space:nowrap;vertical-align:top;border-radius:4px;}
|
||||
|
||||
/* 年月列表 */
|
||||
.layui-laydate-list{position:absolute;left:0;top:0;width:100%;height:100%;padding:10px;box-sizing:border-box;background-color:#fff;}
|
||||
.layui-laydate-list>li{position:relative;display:inline-block;width:33.3%;height:36px;line-height:36px;margin:3px 0;vertical-align:middle;text-align:center;cursor:pointer;}
|
||||
.laydate-month-list>li{width:25%;margin:17px 0;}
|
||||
.laydate-time-list{}
|
||||
.laydate-time-list>li{height:100%;margin:0;line-height:normal;cursor:default;}
|
||||
.laydate-time-list p{position:relative;top:-4px;line-height:29px;}
|
||||
.laydate-time-list ol{height:181px;overflow:hidden;}
|
||||
.laydate-time-list>li:hover ol{overflow-y:auto;}
|
||||
.laydate-time-list ol li{width:130%;padding-left:27px;line-height:30px;text-align:left;cursor:pointer;}
|
||||
|
||||
/* 提示 */
|
||||
.layui-laydate-hint{position:absolute;top:115px;left:50%;width:250px;margin-left:-125px;line-height:20px;padding:15px;text-align:center;font-size:12px;color:#FF5722;}
|
||||
|
||||
|
||||
/* 双日历 */
|
||||
.layui-laydate-range{width:523px;}
|
||||
.layui-laydate-range .layui-laydate-main{display:inline-block;vertical-align:middle;}
|
||||
.layui-laydate-range .laydate-main-list-0 .laydate-next-m,
|
||||
.layui-laydate-range .laydate-main-list-0 .laydate-next-y,
|
||||
.layui-laydate-range .laydate-main-list-1 .laydate-prev-y,
|
||||
.layui-laydate-range .laydate-main-list-1 .laydate-prev-m{display:none;}
|
||||
.layui-laydate-range .laydate-main-list-1 .layui-laydate-content{border-left:1px solid #e2e2e2;}
|
||||
|
||||
|
||||
/* 默认简约主题 */
|
||||
.layui-laydate, .layui-laydate-hint{border:1px solid #d2d2d2;box-shadow:0 2px 4px rgba(0,0,0,.12);border-radius:5px;background-color:#fff;color:#666;}
|
||||
.layui-laydate-header{border-bottom:1px solid #e2e2e2;}
|
||||
.layui-laydate-header i:hover,
|
||||
.layui-laydate-header span:hover{color:#08c;}
|
||||
.layui-laydate-content{border-top:none 0;border-bottom:none 0;}
|
||||
.layui-laydate-content th{color:#333;}
|
||||
.layui-laydate-content td{color:#666;}
|
||||
.layui-laydate-content td.laydate-selected{background-color:#c2eaff;}
|
||||
.laydate-selected:hover{background-color:#c2eaff!important;}
|
||||
.layui-laydate-content td:hover,
|
||||
.layui-laydate-list li:hover{background-color:#eaeaea;color:#333;}
|
||||
.laydate-time-list li ol{margin:0;padding:0;border:1px solid #e2e2e2;border-left-width:0;}
|
||||
.laydate-time-list li:first-child ol{border-left-width:1px;}
|
||||
.laydate-time-list>li:hover{background:none;}
|
||||
.layui-laydate-content .laydate-day-prev,
|
||||
.layui-laydate-content .laydate-day-next{color:#d2d2d2;}
|
||||
.laydate-selected.laydate-day-prev,
|
||||
.laydate-selected.laydate-day-next{background-color:#f8f8f8!important;}
|
||||
.layui-laydate-footer{border-top:1px solid #e2e2e2;}
|
||||
.layui-laydate-hint{color:#FF5722;}
|
||||
.laydate-day-mark::after{background-color:#08c;}
|
||||
.layui-laydate-content td.layui-this .laydate-day-mark::after{display:none;}
|
||||
.layui-laydate-footer span[lay-type="date"]{color:#08c;}
|
||||
.layui-laydate .layui-this{background-color:#08c!important;color:#fff!important;}
|
||||
.layui-laydate .laydate-btns-confirm{background-color:#139ce0;border:1px solid #139ce0;color:#fff;}
|
||||
.layui-laydate .laydate-btns-confirm:hover{background-color:#08c;color:#fff;}
|
||||
.layui-laydate .laydate-disabled,
|
||||
.layui-laydate .laydate-disabled:hover{background:none!important;color:#d2d2d2!important;border-color:#d2d2d2;cursor:not-allowed!important;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
|
||||
|
||||
|
||||
/* 墨绿/自定义背景色主题 */
|
||||
.laydate-theme-molv{border:none;}
|
||||
.laydate-theme-molv.layui-laydate-range{width:548px}
|
||||
.laydate-theme-molv .layui-laydate-main{width:274px;}
|
||||
.laydate-theme-molv .layui-laydate-header{border:none;background-color:#009688;}
|
||||
.laydate-theme-molv .layui-laydate-header i,
|
||||
.laydate-theme-molv .layui-laydate-header span{color:#f6f6f6;}
|
||||
.laydate-theme-molv .layui-laydate-header i:hover,
|
||||
.laydate-theme-molv .layui-laydate-header span:hover{color:#fff;}
|
||||
.laydate-theme-molv .layui-laydate-content{border:1px solid #e2e2e2;border-top:none;border-bottom:none;}
|
||||
.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content{border-left:none;}
|
||||
.laydate-theme-molv .layui-laydate-footer{border:1px solid #e2e2e2;}
|
||||
|
||||
/* 格子主题 */
|
||||
.laydate-theme-grid .layui-laydate-content td,
|
||||
.laydate-theme-grid .layui-laydate-content thead,
|
||||
.laydate-theme-grid .laydate-year-list>li,
|
||||
.laydate-theme-grid .laydate-month-list>li{border:1px solid #e2e2e2;}
|
||||
.laydate-theme-grid .laydate-selected,
|
||||
.laydate-theme-grid .laydate-selected:hover{background-color:#f2f2f2!important;color:#009688!important;}
|
||||
.laydate-theme-grid .laydate-selected.laydate-day-prev,
|
||||
.laydate-theme-grid .laydate-selected.laydate-day-next{color:#d2d2d2!important;}
|
||||
.laydate-theme-grid .laydate-year-list,
|
||||
.laydate-theme-grid .laydate-month-list{margin:1px 0 0 1px;}
|
||||
.laydate-theme-grid .laydate-year-list>li,
|
||||
.laydate-theme-grid .laydate-month-list>li{margin:0 -1px -1px 0;}
|
||||
.laydate-theme-grid .laydate-year-list>li{height:43px;line-height:43px;}
|
||||
.laydate-theme-grid .laydate-month-list>li{height:71px;line-height:71px;}
|
||||
|
||||
@@ -1,538 +0,0 @@
|
||||
/*
|
||||
* My97 DatePicker 4.8
|
||||
* License: http://www.my97.net/license.asp
|
||||
*/
|
||||
var $dp, WdatePicker;
|
||||
(function() {
|
||||
var l = {
|
||||
$langList : [ { name : "en", charset : "UTF-8" }, { name : "zh_CN", charset : "UTF-8" }, { name : "zh_TW", charset : "UTF-8" } ],
|
||||
$skinList : [ { name : "default", charset : "gb2312" }, { name : "whyGreen", charset : "gb2312" }, { name : "blue", charset : "gb2312" },
|
||||
{ name : "green", charset : "gb2312" }, { name : "simple", charset : "gb2312" }, { name : "ext", charset : "gb2312" },
|
||||
{ name : "blueFresh", charset : "gb2312" }, { name : "twoer", charset : "gb2312" }, { name : "YcloudRed", charset : "gb2312" } ],
|
||||
$wdate : true, $crossFrame : false, $preLoad : false, $dpPath : "", doubleCalendar : false, enableKeyboard : true, enableInputMask : true,
|
||||
autoUpdateOnChanged : null, weekMethod : "MSExcel", position : {}, lang : (window.lang || "auto"), skin : "twoer",// 更改默认主题
|
||||
dateFmt : "yyyy-MM-dd", realDateFmt : "yyyy-MM-dd", realTimeFmt : "HH:mm:ss", realFullFmt : "%Date %Time", minDate : "0001-01-01 00:00:00",
|
||||
maxDate : "9999-12-31 23:59:59", minTime : "00:00:00", maxTime : "23:59:59", startDate : "", alwaysUseStartDate : false, yearOffset : 1911,
|
||||
firstDayOfWeek : 1,// 星期的第一天，0:星期日 1:星期一 以此类推
|
||||
isShowWeek : false, highLineWeekDay : true, isShowClear : true, isShowToday : true, isShowOK : true, isShowOthers : true, readOnly : false,
|
||||
errDealMode : 0, autoPickDate : null, qsEnabled : true, autoShowQS : false, hmsMenuCfg : { H : [ 1, 6 ], m : [ 5, 6 ], s : [ 15, 4 ] },
|
||||
|
||||
opposite : false, specialDates : null, specialDays : null, disabledDates : null, disabledDays : null, onpicking : null, onpicked : null,
|
||||
onclearing : null, oncleared : null, ychanging : null, ychanged : null, Mchanging : null, Mchanged : null, dchanging : null, dchanged : null,
|
||||
Hchanging : null, Hchanged : null, mchanging : null, mchanged : null, schanging : null, schanged : null, eCont : null, vel : null,
|
||||
elProp : "", errMsg : "", quickSel : [], has : {}, getRealLang : function() {
|
||||
var d = l.$langList;
|
||||
for (var e = 0; e < d.length; e++) {
|
||||
if (d[e].name == this.lang) {
|
||||
return d[e]
|
||||
}
|
||||
}
|
||||
return d[0]
|
||||
} };
|
||||
WdatePicker = g;
|
||||
var n = window, i = { innerHTML : "" }, z = "document", B = "documentElement", H = "getElementsByTagName", E, u, h, f, D;
|
||||
var v = navigator.appName;
|
||||
if (v == "Microsoft Internet Explorer") {
|
||||
h = true
|
||||
} else {
|
||||
if (v == "Opera") {
|
||||
D = true
|
||||
} else {
|
||||
f = true
|
||||
}
|
||||
}
|
||||
u = l.$dpPath || q();
|
||||
if (l.$wdate) {
|
||||
m(u + "skin/WdatePicker.css")
|
||||
}
|
||||
E = n;
|
||||
if (l.$crossFrame) {
|
||||
try {
|
||||
while (E.parent != E && E.parent[z][H]("frameset").length == 0) {
|
||||
E = E.parent
|
||||
}
|
||||
} catch (y) {
|
||||
}
|
||||
}
|
||||
if (!E.$dp) {
|
||||
E.$dp = { ff : f, ie : h, opera : D, status : 0, defMinDate : l.minDate, defMaxDate : l.maxDate }
|
||||
}
|
||||
b();
|
||||
if (l.$preLoad && $dp.status == 0) {
|
||||
k(n, "onload", function() {
|
||||
g(null, true)
|
||||
})
|
||||
}
|
||||
if (!n[z].docMD) {
|
||||
k(n[z], "onmousedown", s, true);
|
||||
n[z].docMD = true
|
||||
}
|
||||
if (!E[z].docMD) {
|
||||
k(E[z], "onmousedown", s, true);
|
||||
E[z].docMD = true
|
||||
}
|
||||
k(n, "onunload", function() {
|
||||
if ($dp.dd) {
|
||||
r($dp.dd, "none")
|
||||
}
|
||||
});
|
||||
function b() {
|
||||
try {
|
||||
E[z], E.$dp = E.$dp || {}
|
||||
} catch (I) {
|
||||
E = n;
|
||||
$dp = $dp || {}
|
||||
}
|
||||
var w = { win : n, $ : function(e) {
|
||||
return (typeof e == "string") ? n[z].getElementById(e) : e
|
||||
}, $D : function(J, e) {
|
||||
return this.$DV(this.$(J).value, e)
|
||||
}, $DV : function(J, e) {
|
||||
if (J != "") {
|
||||
this.dt = $dp.cal.splitDate(J, $dp.cal.dateFmt);
|
||||
if (e) {
|
||||
for ( var L in e) {
|
||||
if (this.dt[L] === undefined) {
|
||||
this.errMsg = "invalid property:" + L
|
||||
} else {
|
||||
this.dt[L] += e[L];
|
||||
if (L == "M") {
|
||||
var M = e.M > 0 ? 1 : 0;
|
||||
var K = new Date(this.dt.y, this.dt.M, 0).getDate();
|
||||
this.dt.d = Math.min(K + M, this.dt.d)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
if (this.dt.refresh()) {
|
||||
return this.dt
|
||||
}
|
||||
}
|
||||
return ""
|
||||
}, show : function() {
|
||||
var K = E[z].getElementsByTagName("div"), J = 100000;
|
||||
for (var e = 0; e < K.length; e++) {
|
||||
var L = parseInt(K[e].style.zIndex);
|
||||
if (L > J) {
|
||||
J = L
|
||||
}
|
||||
}
|
||||
this.dd.style.zIndex = J + 2;
|
||||
r(this.dd, "block");
|
||||
r(this.dd.firstChild, "")
|
||||
}, unbind : function(e) {
|
||||
e = this.$(e);
|
||||
if (e.initcfg) {
|
||||
t(e, "onclick", function() {
|
||||
g(e.initcfg)
|
||||
});
|
||||
t(e, "onfocus", function() {
|
||||
g(e.initcfg)
|
||||
})
|
||||
}
|
||||
}, hide : function() {
|
||||
r(this.dd, "none")
|
||||
}, attachEvent : k };
|
||||
for ( var d in w) {
|
||||
E.$dp[d] = w[d]
|
||||
}
|
||||
$dp = E.$dp
|
||||
}
|
||||
function k(I, J, w, d) {
|
||||
if (I.addEventListener) {
|
||||
var e = J.replace(/on/, "");
|
||||
w._ieEmuEventHandler = function(K) {
|
||||
return w(K)
|
||||
};
|
||||
I.addEventListener(e, w._ieEmuEventHandler, d)
|
||||
} else {
|
||||
I.attachEvent(J, w)
|
||||
}
|
||||
}
|
||||
function t(w, I, e) {
|
||||
if (w.removeEventListener) {
|
||||
var d = I.replace(/on/, "");
|
||||
e._ieEmuEventHandler = function(J) {
|
||||
return e(J)
|
||||
};
|
||||
w.removeEventListener(d, e._ieEmuEventHandler, false)
|
||||
} else {
|
||||
w.detachEvent(I, e)
|
||||
}
|
||||
}
|
||||
function C(w, e, d) {
|
||||
if (typeof w != typeof e) {
|
||||
return false
|
||||
}
|
||||
if (typeof w == "object") {
|
||||
if (!d) {
|
||||
for ( var I in w) {
|
||||
if (typeof e[I] == "undefined") {
|
||||
return false
|
||||
}
|
||||
if (!C(w[I], e[I], true)) {
|
||||
return false
|
||||
}
|
||||
}
|
||||
}
|
||||
return true
|
||||
} else {
|
||||
if (typeof w == "function" && typeof e == "function") {
|
||||
return w.toString() == e.toString()
|
||||
} else {
|
||||
return w == e
|
||||
}
|
||||
}
|
||||
}
|
||||
function q() {
|
||||
var I, w, d = n[z][H]("script");
|
||||
for (var e = 0; e < d.length; e++) {
|
||||
I = d[e].getAttribute("src") || "";
|
||||
I = I.substr(0, I.toLowerCase().indexOf("wdatepicker.js"));
|
||||
var w = I.lastIndexOf("/");
|
||||
if (w > 0) {
|
||||
I = I.substring(0, w + 1)
|
||||
}
|
||||
if (I) {
|
||||
break
|
||||
}
|
||||
}
|
||||
return I
|
||||
}
|
||||
function m(w, I, J) {
|
||||
var d = n[z][H]("HEAD").item(0), e = n[z].createElement("link");
|
||||
if (d) {
|
||||
e.href = w;
|
||||
e.rel = "stylesheet";
|
||||
e.type = "text/css";
|
||||
if (I) {
|
||||
e.title = I
|
||||
}
|
||||
if (J) {
|
||||
e.charset = J
|
||||
}
|
||||
d.appendChild(e)
|
||||
}
|
||||
}
|
||||
function p(I) {
|
||||
I = I || E;
|
||||
var L = 0, d = 0;
|
||||
while (I != E) {
|
||||
var N = I.parent[z][H]("iframe");
|
||||
for (var J = 0; J < N.length; J++) {
|
||||
try {
|
||||
if (N[J].contentWindow == I) {
|
||||
var K = o(N[J]);
|
||||
L += K.left;
|
||||
d += K.top;
|
||||
break
|
||||
}
|
||||
} catch (M) {
|
||||
}
|
||||
}
|
||||
I = I.parent
|
||||
}
|
||||
return { leftM : L, topM : d }
|
||||
}
|
||||
function o(I, w) {
|
||||
if (I.getBoundingClientRect) {
|
||||
return I.getBoundingClientRect()
|
||||
} else {
|
||||
var J = { ROOT_TAG : /^body|html$/i, OP_SCROLL : /^(?:inline|table-row)$/i };
|
||||
var e = false, M = null, P = I.offsetTop, K = I.offsetLeft, d = I.offsetWidth, O = I.offsetHeight;
|
||||
var L = I.offsetParent;
|
||||
if (L != I) {
|
||||
while (L) {
|
||||
K += L.offsetLeft;
|
||||
P += L.offsetTop;
|
||||
if (c(L, "position").toLowerCase() == "fixed") {
|
||||
e = true
|
||||
} else {
|
||||
if (L.tagName.toLowerCase() == "body") {
|
||||
M = L.ownerDocument.defaultView
|
||||
}
|
||||
}
|
||||
L = L.offsetParent
|
||||
}
|
||||
}
|
||||
L = I.parentNode;
|
||||
while (L.tagName && !J.ROOT_TAG.test(L.tagName)) {
|
||||
if (L.scrollTop || L.scrollLeft) {
|
||||
if (!J.OP_SCROLL.test(r(L))) {
|
||||
if (!D || L.style.overflow !== "visible") {
|
||||
K -= L.scrollLeft;
|
||||
P -= L.scrollTop
|
||||
}
|
||||
}
|
||||
}
|
||||
L = L.parentNode
|
||||
}
|
||||
if (!e) {
|
||||
var N = F(M);
|
||||
K -= N.left;
|
||||
P -= N.top
|
||||
}
|
||||
d += K;
|
||||
O += P;
|
||||
return { left : K, top : P, right : d, bottom : O }
|
||||
}
|
||||
}
|
||||
function x(e) {
|
||||
e = e || E;
|
||||
var J = e[z], I = (e.innerWidth) ? e.innerWidth : (J[B] && J[B].clientWidth) ? J[B].clientWidth : J.body.offsetWidth, d = (e.innerHeight) ? e.innerHeight
|
||||
: (J[B] && J[B].clientHeight) ? J[B].clientHeight : J.body.offsetHeight;
|
||||
return { width : I, height : d }
|
||||
}
|
||||
function F(e) {
|
||||
e = e || E;
|
||||
var J = e[z], d = J[B], I = J.body;
|
||||
J = (d && d.scrollTop != null && (d.scrollTop > I.scrollTop || d.scrollLeft > I.scrollLeft)) ? d : I;
|
||||
return { top : J.scrollTop, left : J.scrollLeft }
|
||||
}
|
||||
function s(d) {
|
||||
try {
|
||||
var w = d ? (d.srcElement || d.target) : null;
|
||||
if ($dp.cal && !$dp.eCont && $dp.dd && w != $dp.el && $dp.dd.style.display == "block") {
|
||||
$dp.cal.close()
|
||||
}
|
||||
} catch (d) {
|
||||
}
|
||||
}
|
||||
function A() {
|
||||
$dp.status = 2
|
||||
}
|
||||
var G, j;
|
||||
function g(M, d) {
|
||||
if (!$dp) {
|
||||
return
|
||||
}
|
||||
b();
|
||||
var J = {};
|
||||
for ( var L in M) {
|
||||
J[L] = M[L]
|
||||
}
|
||||
for ( var L in l) {
|
||||
if (L.substring(0, 1) != "$" && J[L] === undefined) {
|
||||
J[L] = l[L]
|
||||
}
|
||||
}
|
||||
if (d) {
|
||||
if (!w()) {
|
||||
j = j || setInterval(function() {
|
||||
if (E[z].readyState == "complete") {
|
||||
clearInterval(j)
|
||||
}
|
||||
g(null, true)
|
||||
}, 50);
|
||||
return
|
||||
}
|
||||
if ($dp.status == 0) {
|
||||
$dp.status = 1;
|
||||
J.el = i;
|
||||
a(J, true)
|
||||
} else {
|
||||
return
|
||||
}
|
||||
} else {
|
||||
if (J.eCont) {
|
||||
J.eCont = $dp.$(J.eCont);
|
||||
J.el = i;
|
||||
J.autoPickDate = true;
|
||||
J.qsEnabled = false;
|
||||
a(J)
|
||||
} else {
|
||||
if (l.$preLoad && $dp.status != 2) {
|
||||
return
|
||||
}
|
||||
var I = N();
|
||||
if (n.event === I || I) {
|
||||
J.srcEl = I.srcElement || I.target;
|
||||
I.cancelBubble = true
|
||||
}
|
||||
J.el = J.el = $dp.$(J.el || J.srcEl);
|
||||
if (J.el == null) {
|
||||
var e = n.event;
|
||||
J.el = e.srcElement || e.target || e.srcElement || currentTarget;
|
||||
}
|
||||
if (J.el == null) {
|
||||
log("WdatePicker:el is null!\nexample:onclick=\"WdatePicker({el:this})\"");
|
||||
return;
|
||||
}
|
||||
try {
|
||||
if (!J.el || J.el.My97Mark === true || J.el.disabled || ($dp.dd && r($dp.dd) != "none" && $dp.dd.style.left != "-970px")) {
|
||||
if (J.el.My97Mark) {
|
||||
J.el.My97Mark = false
|
||||
}
|
||||
return
|
||||
}
|
||||
} catch (K) {
|
||||
}
|
||||
if (I && J.el.nodeType == 1 && !C(J.el.initcfg, M)) {
|
||||
$dp.unbind(J.el);
|
||||
k(J.el, I.type == "focus" ? "onclick" : "onfocus", function() {
|
||||
g(M)
|
||||
});
|
||||
J.el.initcfg = M
|
||||
}
|
||||
a(J)
|
||||
}
|
||||
}
|
||||
function w() {
|
||||
if (h && E != n && E[z].readyState != "complete") {
|
||||
return false
|
||||
}
|
||||
return true
|
||||
}
|
||||
function N() {
|
||||
if (f) {
|
||||
try {
|
||||
func = N.caller;
|
||||
while (func != null) {
|
||||
var O = func.arguments[0];
|
||||
if (O && (O + "").indexOf("Event") >= 0) {
|
||||
return O
|
||||
}
|
||||
func = func.caller
|
||||
}
|
||||
} catch (P) {
|
||||
}
|
||||
return null
|
||||
}
|
||||
return event
|
||||
}
|
||||
}
|
||||
function c(e, d) {
|
||||
return e.currentStyle ? e.currentStyle[d] : document.defaultView.getComputedStyle(e, false)[d]
|
||||
}
|
||||
function r(e, d) {
|
||||
if (e) {
|
||||
if (d != null) {
|
||||
e.style.display = d
|
||||
} else {
|
||||
return c(e, "display")
|
||||
}
|
||||
}
|
||||
}
|
||||
function a(e, d) {
|
||||
var K = e.el ? e.el.nodeName : "INPUT";
|
||||
if (d || e.eCont || new RegExp(/input|textarea|div|span|p|a/ig).test(K)) {
|
||||
e.elProp = K == "INPUT" ? "value" : "innerHTML"
|
||||
} else {
|
||||
return
|
||||
}
|
||||
if (e.lang == "auto") {
|
||||
e.lang = h ? navigator.browserLanguage.toLowerCase() : navigator.language.toLowerCase()
|
||||
}
|
||||
if (!e.eCont) {
|
||||
for ( var J in e) {
|
||||
$dp[J] = e[J]
|
||||
}
|
||||
}
|
||||
if (!$dp.dd || e.eCont || ($dp.dd && (e.getRealLang().name != $dp.dd.lang || e.skin != $dp.dd.skin))) {
|
||||
if (e.eCont) {
|
||||
w(e.eCont, e)
|
||||
} else {
|
||||
$dp.dd = E[z].createElement("DIV");
|
||||
$dp.dd.style.cssText = "position:absolute";
|
||||
E[z].body.appendChild($dp.dd);
|
||||
w($dp.dd, e);
|
||||
if (d) {
|
||||
$dp.dd.style.left = $dp.dd.style.top = "-970px"
|
||||
} else {
|
||||
$dp.show();
|
||||
I($dp)
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if ($dp.cal) {
|
||||
$dp.show();
|
||||
$dp.cal.init();
|
||||
if (!$dp.eCont) {
|
||||
I($dp)
|
||||
}
|
||||
}
|
||||
}
|
||||
function w(V, P) {
|
||||
var O = E[z].domain, S = false, M = '<iframe hideFocus=true width=9 height=7 frameborder=0 border=0 scrolling=no src="about:blank"></iframe>';
|
||||
V.innerHTML = M;
|
||||
var L = l.$langList, U = l.$skinList, T;
|
||||
try {
|
||||
T = V.lastChild.contentWindow[z]
|
||||
} catch (Q) {
|
||||
S = true;
|
||||
V.removeChild(V.lastChild);
|
||||
var N = E[z].createElement("iframe");
|
||||
N.hideFocus = true;
|
||||
N.frameBorder = 0;
|
||||
N.scrolling = "no";
|
||||
N.src = "javascript:(function(){var d=document;d.open();d.domain='" + O + "';})()";
|
||||
V.appendChild(N);
|
||||
setTimeout(function() {
|
||||
T = V.lastChild.contentWindow[z];
|
||||
R()
|
||||
}, 97);
|
||||
return
|
||||
}
|
||||
R();
|
||||
function R() {
|
||||
var Y = P.getRealLang();
|
||||
V.lang = Y.name;
|
||||
V.skin = P.skin;
|
||||
var X = [
|
||||
"<head><script>",
|
||||
"",
|
||||
"var doc=document, $d, $dp, $cfg=doc.cfg, $pdp = parent.$dp, $dt, $tdt, $sdt, $lastInput, $IE=$pdp.ie, $FF = $pdp.ff,$OPERA=$pdp.opera, $ny, $cMark = false;",
|
||||
"if($cfg.eCont){$dp = {};for(var p in $pdp)$dp[p]=$pdp[p];}else{$dp=$pdp;};for(var p in $cfg){$dp[p]=$cfg[p];}",
|
||||
"doc.oncontextmenu=function(){try{$c._fillQS(!$dp.has.d,1);showB($d.qsDivSel);}catch(e){};return false;};",
|
||||
"<\/script><script src=", u, "lang/", Y.name, ".js charset=", Y.charset, "><\/script>" ];
|
||||
if (S) {
|
||||
X[1] = 'document.domain="' + O + '";'
|
||||
}
|
||||
for (var W = 0; W < U.length; W++) {
|
||||
if (U[W].name == P.skin) {
|
||||
X.push('<link rel="stylesheet" type="text/css" href="' + u + "skin/" + U[W].name + '/datepicker.css" charset="'
|
||||
+ U[W].charset + '"/>')
|
||||
}
|
||||
}
|
||||
X.push('<script src="' + u + 'calendar.js"><\/script>');
|
||||
X.push('</head><body leftmargin="0" topmargin="0" tabindex=0></body></html>');
|
||||
X
|
||||
.push('<script>var t;t=t||setInterval(function(){if((typeof(doc.ready)=="boolean"&&doc.ready)||doc.readyState=="complete"){new My97DP();$cfg.onload();$c.autoSize();$cfg.setPos($dp);clearInterval(t);}},20);<\/script>');
|
||||
P.setPos = I;
|
||||
P.onload = A;
|
||||
T.write("<html>");
|
||||
T.cfg = P;
|
||||
T.write(X.join(""));
|
||||
T.close()
|
||||
}
|
||||
}
|
||||
function I(O) {
|
||||
var M = O.position.left, V = O.position.top, L = O.el;
|
||||
if (L == i) {
|
||||
return
|
||||
}
|
||||
if (L != O.srcEl && (r(L) == "none" || L.type == "hidden")) {
|
||||
L = O.srcEl
|
||||
}
|
||||
var T = o(L), P = p(n), U = x(E), Q = F(E), N = $dp.dd.offsetHeight, S = $dp.dd.offsetWidth;
|
||||
if (isNaN(V)) {
|
||||
V = 0
|
||||
}
|
||||
if ((P.topM + T.bottom + N > U.height) && (P.topM + T.top - N > 0)) {
|
||||
V += Q.top + P.topM + T.top - N - 2
|
||||
} else {
|
||||
V += Q.top + P.topM + T.bottom;
|
||||
var R = V - Q.top + N - U.height;
|
||||
if (R > 0) {
|
||||
V -= R
|
||||
}
|
||||
}
|
||||
if (isNaN(M)) {
|
||||
M = 0
|
||||
}
|
||||
M += Q.left + Math.min(P.leftM + T.left, U.width - S - 5) - (h ? 2 : 0);
|
||||
O.dd.style.top = V + "px";
|
||||
O.dd.style.left = M + "px"
|
||||
}
|
||||
}
|
||||
})();
|
||||
File diff suppressed because one or more lines are too long
@@ -1,14 +0,0 @@
|
||||
var $lang={
|
||||
errAlertMsg: "Invalid date or the date out of range,redo or not?",
|
||||
aWeekStr: ["wk", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
|
||||
aLongWeekStr:["wk","Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],
|
||||
aMonStr: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
|
||||
aLongMonStr: ["January","February","March","April","May","June","July","August","September","October","November","December"],
|
||||
clearStr: "Clear",
|
||||
todayStr: "Today",
|
||||
okStr: "OK",
|
||||
updateStr: "OK",
|
||||
timeStr: "Time",
|
||||
quickStr: "Quick Selection",
|
||||
err_1: 'MinDate Cannot be bigger than MaxDate!'
|
||||
}
|
||||
@@ -1,14 +0,0 @@
|
||||
var $lang={
|
||||
errAlertMsg: "不合法的日期格式或者日期超出限定范围,需要撤销吗?",
|
||||
aWeekStr: ["周","日","一","二","三","四","五","六"],
|
||||
aLongWeekStr:["周","星期日","星期一","星期二","星期三","星期四","星期五","星期六"],
|
||||
aMonStr: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一","十二"],
|
||||
aLongMonStr: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],
|
||||
clearStr: "清空",
|
||||
todayStr: "今天",
|
||||
okStr: "确定",
|
||||
updateStr: "确定",
|
||||
timeStr: "时间",
|
||||
quickStr: "快速选择",
|
||||
err_1: '最小日期不能大于最大日期!'
|
||||
}
|
||||
@@ -1,14 +0,0 @@
|
||||
var $lang={
|
||||
errAlertMsg: "不合法的日期格式或者日期超出限定範圍,需要撤銷嗎?",
|
||||
aWeekStr: ["周","日","一","二","三","四","五","六"],
|
||||
aLongWeekStr:["周","星期日","星期一","星期二","星期三","星期四","星期五","星期六"],
|
||||
aMonStr: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一","十二"],
|
||||
aLongMonStr: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],
|
||||
clearStr: "清空",
|
||||
todayStr: "今天",
|
||||
okStr: "確定",
|
||||
updateStr: "確定",
|
||||
timeStr: "時間",
|
||||
quickStr: "快速選擇",
|
||||
err_1: '最小日期不能大於最大日期!'
|
||||
}
|
||||
@@ -1,4 +0,0 @@
|
||||
.Wdate,.Wdate-date,.Wdate-datetime{background:#fff url(datePicker.png) no-repeat right;}
|
||||
.Wdate-date{width:105px!important}.Wdate-datetime{width:147px!important}
|
||||
.WdateFmtErr{font-weight:bold;color:red;}
|
||||
.Wdate::-ms-clear{display:none;}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 682 B |
@@ -1,267 +0,0 @@
|
||||
/*
|
||||
* My97 DatePicker 4.8
|
||||
* 皮肤名称:default
|
||||
*/
|
||||
|
||||
/* 日期选择容器 DIV */
|
||||
.WdateDiv{
|
||||
width:180px;
|
||||
background-color:#FFFFFF;
|
||||
border:#bbb 1px solid;
|
||||
padding:2px;
|
||||
}
|
||||
/* 双月日历的宽度 */
|
||||
.WdateDiv2{
|
||||
width:360px;
|
||||
}
|
||||
.WdateDiv *{font-size:9pt;}
|
||||
|
||||
/****************************
|
||||
* 导航图标 全部是A标签
|
||||
***************************/
|
||||
.WdateDiv .NavImg a{
|
||||
display:block;
|
||||
cursor:pointer;
|
||||
height:16px;
|
||||
width:16px;
|
||||
}
|
||||
|
||||
.WdateDiv .NavImgll a{
|
||||
float:left;
|
||||
background:transparent url(img.gif) no-repeat scroll 0 0;
|
||||
}
|
||||
.WdateDiv .NavImgl a{
|
||||
float:left;
|
||||
background:transparent url(img.gif) no-repeat scroll -16px 0;
|
||||
}
|
||||
.WdateDiv .NavImgr a{
|
||||
float:right;
|
||||
background:transparent url(img.gif) no-repeat scroll -32px 0;
|
||||
}
|
||||
.WdateDiv .NavImgrr a{
|
||||
float:right;
|
||||
background:transparent url(img.gif) no-repeat scroll -48px 0;
|
||||
}
|
||||
|
||||
/****************************
|
||||
* 年份月份相关
|
||||
***************************/
|
||||
/* 年份月份栏 DIV */
|
||||
.WdateDiv #dpTitle{
|
||||
height:24px;
|
||||
margin-bottom:2px;
|
||||
padding:1px;
|
||||
}
|
||||
/* 年份月份输入框 INPUT */
|
||||
.WdateDiv .yminput{
|
||||
margin-top:2px;
|
||||
text-align:center;
|
||||
height:20px;
|
||||
border:0px;
|
||||
width:50px;
|
||||
cursor:pointer;
|
||||
}
|
||||
/* 年份月份输入框获得焦点时的样式 INPUT */
|
||||
.WdateDiv .yminputfocus{
|
||||
margin-top:2px;
|
||||
text-align:center;
|
||||
font-weight:bold;
|
||||
height:20px;
|
||||
color:blue;
|
||||
border:#ccc 1px solid;
|
||||
width:50px;
|
||||
}
|
||||
/* 菜单选择框 DIV */
|
||||
.WdateDiv .menuSel{
|
||||
z-index:1;
|
||||
position:absolute;
|
||||
background-color:#FFFFFF;
|
||||
border:#ccc 1px solid;
|
||||
display:none;
|
||||
}
|
||||
/* 菜单的样式 TD */
|
||||
.WdateDiv .menu{
|
||||
cursor:pointer;
|
||||
background-color:#fff;
|
||||
}
|
||||
/* 菜单的mouseover样式 TD */
|
||||
.WdateDiv .menuOn{
|
||||
cursor:pointer;
|
||||
background-color:#BEEBEE;
|
||||
}
|
||||
/* 菜单无效时的样式 TD */
|
||||
.WdateDiv .invalidMenu{
|
||||
color:#aaa;
|
||||
}
|
||||
/* 年选择框的偏移 DIV */
|
||||
.WdateDiv .YMenu{
|
||||
margin-top:20px;
|
||||
|
||||
}
|
||||
/* 月选择框的偏移 DIV */
|
||||
.WdateDiv .MMenu{
|
||||
margin-top:20px;
|
||||
*width:62px;
|
||||
}
|
||||
/* 时选择框的位置 DIV */
|
||||
.WdateDiv .hhMenu{
|
||||
margin-top:-90px;
|
||||
margin-left:26px;
|
||||
}
|
||||
/* 分选择框的位置 DIV */
|
||||
.WdateDiv .mmMenu{
|
||||
margin-top:-46px;
|
||||
margin-left:26px;
|
||||
}
|
||||
/* 秒选择框的位置 DIV */
|
||||
.WdateDiv .ssMenu{
|
||||
margin-top:-24px;
|
||||
margin-left:26px;
|
||||
}
|
||||
|
||||
/****************************
|
||||
* 周相关
|
||||
***************************/
|
||||
.WdateDiv .Wweek {
|
||||
text-align:center;
|
||||
background:#DAF3F5;
|
||||
border-right:#BDEBEE 1px solid;
|
||||
}
|
||||
/****************************
|
||||
* 星期,日期相关
|
||||
***************************/
|
||||
/* 星期栏 TR */
|
||||
.WdateDiv .MTitle{
|
||||
background-color:#BDEBEE;
|
||||
}
|
||||
.WdateDiv .WdayTable2{
|
||||
border-collapse:collapse;
|
||||
border:#c5d9e8 1px solid;
|
||||
}
|
||||
.WdateDiv .WdayTable2 table{
|
||||
border:0;
|
||||
}
|
||||
/* 日期栏表格 TABLE */
|
||||
.WdateDiv .WdayTable{
|
||||
line-height:20px;
|
||||
border:#c5d9e8 1px solid;
|
||||
}
|
||||
.WdateDiv .WdayTable td{
|
||||
text-align:center;
|
||||
}
|
||||
/* 日期格的样式 TD */
|
||||
.WdateDiv .Wday{
|
||||
cursor:pointer;
|
||||
}
|
||||
/* 日期格的mouseover样式 TD */
|
||||
.WdateDiv .WdayOn{
|
||||
cursor:pointer;
|
||||
background-color:#C0EBEF;
|
||||
}
|
||||
/* 周末日期格的样式 TD */
|
||||
.WdateDiv .Wwday{
|
||||
cursor:pointer;
|
||||
color:#FF2F2F;
|
||||
}
|
||||
/* 周末日期格的mouseover样式 TD */
|
||||
.WdateDiv .WwdayOn{
|
||||
cursor:pointer;
|
||||
color:#000;
|
||||
background-color:#C0EBEF;
|
||||
}
|
||||
.WdateDiv .Wtoday{
|
||||
cursor:pointer;
|
||||
color:blue;
|
||||
}
|
||||
.WdateDiv .Wselday{
|
||||
background-color:#A9E4E9;
|
||||
}
|
||||
.WdateDiv .WspecialDay{
|
||||
background-color:#66F4DF;
|
||||
}
|
||||
/* 其他月份的日期 */
|
||||
.WdateDiv .WotherDay{
|
||||
cursor:pointer;
|
||||
color:#6A6AFF;
|
||||
}
|
||||
/* 其他月份的日期mouseover样式 */
|
||||
.WdateDiv .WotherDayOn{
|
||||
cursor:pointer;
|
||||
background-color:#C0EBEF;
|
||||
}
|
||||
/* 无效日期的样式,即在日期范围以外日期格的样式,不能选择的日期 */
|
||||
.WdateDiv .WinvalidDay{
|
||||
color:#aaa;
|
||||
}
|
||||
|
||||
/****************************
|
||||
* 时间相关
|
||||
***************************/
|
||||
/* 时间栏 DIV */
|
||||
.WdateDiv #dpTime{
|
||||
float:left;
|
||||
margin-top:3px;
|
||||
margin-right:30px;
|
||||
}
|
||||
/* 时间文字 SPAN */
|
||||
.WdateDiv #dpTime #dpTimeStr{
|
||||
margin-left:1px;
|
||||
}
|
||||
/* 时间输入框 INPUT */
|
||||
.WdateDiv #dpTime input{
|
||||
width:18px;
|
||||
height:20px;
|
||||
text-align:center;
|
||||
border:#ccc 1px solid;
|
||||
}
|
||||
/* 时间 时 INPUT */
|
||||
.WdateDiv #dpTime .tB{
|
||||
border-right:0px;
|
||||
}
|
||||
/* 时间 分和间隔符 ':' INPUT */
|
||||
.WdateDiv #dpTime .tE{
|
||||
border-left:0;
|
||||
border-right:0;
|
||||
}
|
||||
/* 时间 秒 INPUT */
|
||||
.WdateDiv #dpTime .tm{
|
||||
width:7px;
|
||||
border-left:0;
|
||||
border-right:0;
|
||||
}
|
||||
/* 时间右边的向上按钮 BUTTON */
|
||||
.WdateDiv #dpTime #dpTimeUp{
|
||||
height:10px;
|
||||
width:13px;
|
||||
border:0px;
|
||||
background:url(img.gif) no-repeat -32px -16px;
|
||||
}
|
||||
/* 时间右边的向下按钮 BUTTON */
|
||||
.WdateDiv #dpTime #dpTimeDown{
|
||||
height:10px;
|
||||
width:13px;
|
||||
border:0px;
|
||||
background:url(img.gif) no-repeat -48px -16px;
|
||||
}
|
||||
/****************************
|
||||
* 其他
|
||||
***************************/
|
||||
.WdateDiv #dpQS {
|
||||
float:left;
|
||||
margin-right:3px;
|
||||
margin-top:3px;
|
||||
background:url(img.gif) no-repeat 0px -16px;
|
||||
width:20px;
|
||||
height:20px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.WdateDiv #dpControl {
|
||||
text-align:right;
|
||||
}
|
||||
.WdateDiv .dpButton{
|
||||
height:20px;
|
||||
width:45px;
|
||||
border:#ccc 1px solid;
|
||||
margin-top:2px;
|
||||
margin-right:1px;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
@@ -1 +0,0 @@
|
||||
.WdateDiv{position:relative;width:190px;font-size:12px;color:#333;border:solid 1px #DEDEDE;background-color:#F2F0F1;padding:5px;}.WdateDiv2{width:360px;}.WdateDiv .NavImg a,.WdateDiv .yminput,.WdateDiv .yminputfocus,.WdateDiv #dpQS{background:url(img.gif) no-repeat;}.WdateDiv .NavImg a{float:left;width:16px;height:16px;cursor:pointer;}.WdateDiv .NavImgll a{background-position:0 5px;}.WdateDiv .NavImgl a{background-position:0 -10px;}.WdateDiv .NavImgr a{background-position:0 -25px;float:right;}.WdateDiv .NavImgrr a{background-position:0 -40px;float:right;}.WdateDiv #dpTitle{line-height:0;height:23px;padding:3px 0 0;}.WdateDiv .yminput,.WdateDiv .yminputfocus{margin-left:3px;width:50px;height:20px;line-height:16px;border:solid 1px #F2F0F1;cursor:pointer;background-position:35px -68px;}.WdateDiv .yminputfocus{background-color:#fff;border:solid 1px #D8D8D8;}.WdateDiv .menuSel{z-index:1;position:absolute;background-color:#FFF;border:#A3C6C8 1px solid;display:none;}.WdateDiv .menu{background:#fff;}.WdateDiv .menuOn{color:#fff;background:#0088CC;}.WdateDiv .MMenu,.WdateDiv .YMenu{margin-top:20px;margin-left:-1px;width:68px;border:solid 1px #D9D9D9;padding:2px;}.WdateDiv .MMenu table,.WdateDiv .YMenu table{width:100%;}.WdateDiv .MMenu table td,.WdateDiv .YMenu table td{line-height:20px;text-align:center;font-size:12px;cursor:pointer;padding:0;}.WdateDiv .Wweek{text-align:center;background:#DAF3F5;border-right:#BDEBEE 1px solid;}.WdateDiv td{line-height:20px;font-size:12px;color:#999;background:#fff;cursor:pointer;padding:1px;}.WdateDiv .MTitle td{line-height:24px;color:#7D7D7D;background:#F2F0F1;cursor:default;}.WdateDiv .WdayTable2{border-collapse:collapse;border:gray 1px solid;}.WdateDiv .WdayTable2 table{border:0;}.WdateDiv .WdayTable{line-height:20px;color:#13777e;background-color:#edfbfb;}.WdateDiv .WdayTable td{text-align:center;}.WdateDiv .Wday{color:#323232;}.WdateDiv .Wwday{color:#0088CC;}.WdateDiv .Wtoday{color:#FF6D10;background:#E0EDFE;}.WdateDiv .WspecialDay{background-color:#66F4DF;}.WdateDiv .WotherDay{color:#D4D4D4;}.WdateDiv #dpTime{position:relative;margin-top:5px;}.WdateDiv #dpTime #dpTimeStr{display:inline-block;width:30px;color:#7d7d7d;}.WdateDiv #dpTime input{width:25px;height:20px;line-height:20px;text-align:center;color:#333;border:#D9D9D9 1px solid;margin:0;padding:0;}.WdateDiv #dpTime .tm{width:7px;border:none;background:#F2F0F1;}.WdateDiv #dpQS{float:left;margin-right:3px;margin-top:6px;width:16px;height:16px;cursor:pointer;background-position:0 -90px;}.WdateDiv #dpControl{text-align:right;margin-top:3px;}.WdateDiv .dpButton{margin-left:2px;line-height:16px;width:45px;background-color:#0055CC;color:#fff;border:none;cursor:pointer;}.WdateDiv .dpButton:hover{background-color:#0663A2;}.WdateDiv .hhMenu,.WdateDiv .mmMenu,.WdateDiv .ssMenu{position:absolute;font-size:12px;color:#333;border:solid 1px #DEDEDE;background-color:#F2F0F1;padding:3px;}.WdateDiv #dpTime .menu,.WdateDiv #dpTime .menuOn{width:18px;height:18px;line-height:18px;text-align:center;background:#fff;}.WdateDiv #dpTime .menuOn{background:#0088CC;}.WdateDiv #dpTime td{background:#F2F0F1;}.WdateDiv .hhMenu{top:-87px;left:32px;}.WdateDiv .mmMenu{top:-47px;left:32px;}.WdateDiv .ssMenu{top:-27px;left:32px;}.WdateDiv .invalidMenu,.WdateDiv .WinvalidDay{color:#aaa;}.WdateDiv .WdayOn,.WdateDiv .WwdayOn,.WdateDiv .Wselday,.WdateDiv .WotherDayOn{background-color:#0088CC;color:#fff;}.WdateDiv #dpTime #dpTimeUp,.WdateDiv #dpTime #dpTimeDown{display:none;}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 475 B |
Binary file not shown.
|
Before Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 307 B |
@@ -1,277 +0,0 @@
|
||||
/*
|
||||
* My97 DatePicker 4.8
|
||||
* 皮肤名称:whyGreen
|
||||
*/
|
||||
|
||||
/* 日期选择容器 DIV */
|
||||
.WdateDiv{
|
||||
width:180px;
|
||||
background-color:#fff;
|
||||
border:#C5E1E4 1px solid;
|
||||
padding:2px;
|
||||
}
|
||||
/* 双月日历的宽度 */
|
||||
.WdateDiv2{
|
||||
width:360px;
|
||||
}
|
||||
.WdateDiv *{font-size:9pt;}
|
||||
|
||||
/****************************
|
||||
* 导航图标 全部是A标签
|
||||
***************************/
|
||||
.WdateDiv .NavImg a{
|
||||
cursor:pointer;
|
||||
display:block;
|
||||
width:16px;
|
||||
height:16px;
|
||||
margin-top:1px;
|
||||
}
|
||||
|
||||
.WdateDiv .NavImgll a{
|
||||
float:left;
|
||||
background:url(img.gif) no-repeat;
|
||||
}
|
||||
.WdateDiv .NavImgl a{
|
||||
float:left;
|
||||
background:url(img.gif) no-repeat -16px 0px;
|
||||
}
|
||||
.WdateDiv .NavImgr a{
|
||||
float:right;
|
||||
background:url(img.gif) no-repeat -32px 0px;
|
||||
}
|
||||
.WdateDiv .NavImgrr a{
|
||||
float:right;
|
||||
background:url(img.gif) no-repeat -48px 0px;
|
||||
}
|
||||
/****************************
|
||||
* 年份月份相关
|
||||
***************************/
|
||||
/* 年份月份栏 DIV */
|
||||
.WdateDiv #dpTitle{
|
||||
height:24px;
|
||||
padding:1px;
|
||||
border:#c5d9e8 1px solid;
|
||||
background:url(bg.jpg);
|
||||
margin-bottom:2px;
|
||||
}
|
||||
/* 年份月份输入框 INPUT */
|
||||
.WdateDiv .yminput{
|
||||
margin-top:2px;
|
||||
text-align:center;
|
||||
border:0px;
|
||||
height:20px;
|
||||
width:50px;
|
||||
color:#034c50;
|
||||
background-color:transparent;
|
||||
cursor:pointer;
|
||||
}
|
||||
/* 年份月份输入框获得焦点时的样式 INPUT */
|
||||
.WdateDiv .yminputfocus{
|
||||
margin-top:2px;
|
||||
text-align:center;
|
||||
border:#939393 1px solid;
|
||||
font-weight:bold;
|
||||
color:#034c50;
|
||||
height:20px;
|
||||
width:50px;
|
||||
}
|
||||
/* 菜单选择框 DIV */
|
||||
.WdateDiv .menuSel{
|
||||
z-index:1;
|
||||
position:absolute;
|
||||
background-color:#FFFFFF;
|
||||
border:#A3C6C8 1px solid;
|
||||
display:none;
|
||||
}
|
||||
/* 菜单的样式 TD */
|
||||
.WdateDiv .menu{
|
||||
cursor:pointer;
|
||||
background-color:#fff;
|
||||
color:#11777C;
|
||||
}
|
||||
/* 菜单的mouseover样式 TD */
|
||||
.WdateDiv .menuOn{
|
||||
cursor:pointer;
|
||||
background-color:#BEEBEE;
|
||||
}
|
||||
/* 菜单无效时的样式 TD */
|
||||
.WdateDiv .invalidMenu{
|
||||
color:#aaa;
|
||||
}
|
||||
/* 年选择框的偏移 DIV */
|
||||
.WdateDiv .YMenu{
|
||||
margin-top:20px;
|
||||
}
|
||||
/* 月选择框的偏移 DIV */
|
||||
.WdateDiv .MMenu{
|
||||
margin-top:20px;
|
||||
*width:62px;
|
||||
}
|
||||
/* 时选择框的位置 DIV */
|
||||
.WdateDiv .hhMenu{
|
||||
margin-top:-90px;
|
||||
margin-left:26px;
|
||||
}
|
||||
/* 分选择框的位置 DIV */
|
||||
.WdateDiv .mmMenu{
|
||||
margin-top:-46px;
|
||||
margin-left:26px;
|
||||
}
|
||||
/* 秒选择框的位置 DIV */
|
||||
.WdateDiv .ssMenu{
|
||||
margin-top:-24px;
|
||||
margin-left:26px;
|
||||
}
|
||||
|
||||
/****************************
|
||||
* 周相关
|
||||
***************************/
|
||||
.WdateDiv .Wweek {
|
||||
text-align:center;
|
||||
background:#DAF3F5;
|
||||
border-right:#BDEBEE 1px solid;
|
||||
}
|
||||
/****************************
|
||||
* 星期,日期相关
|
||||
***************************/
|
||||
/* 星期栏 TR */
|
||||
.WdateDiv .MTitle{
|
||||
color:#13777e;
|
||||
background-color:#bdebee;
|
||||
}
|
||||
.WdateDiv .WdayTable2{
|
||||
border-collapse:collapse;
|
||||
border:#BEE9F0 1px solid;
|
||||
}
|
||||
.WdateDiv .WdayTable2 table{
|
||||
border:0;
|
||||
}
|
||||
/* 日期栏表格 TABLE */
|
||||
.WdateDiv .WdayTable{
|
||||
line-height:20px;
|
||||
color:#13777e;
|
||||
background-color:#edfbfb;
|
||||
border:#BEE9F0 1px solid;
|
||||
}
|
||||
.WdateDiv .WdayTable td{
|
||||
text-align:center;
|
||||
}
|
||||
/* 日期格的样式 TD */
|
||||
.WdateDiv .Wday{
|
||||
cursor:pointer;
|
||||
}
|
||||
/* 日期格的mouseover样式 TD */
|
||||
.WdateDiv .WdayOn{
|
||||
cursor:pointer;
|
||||
background-color:#74d2d9 ;
|
||||
}
|
||||
/* 周末日期格的样式 TD */
|
||||
.WdateDiv .Wwday{
|
||||
cursor:pointer;
|
||||
color:#ab1e1e;
|
||||
}
|
||||
/* 周末日期格的mouseover样式 TD */
|
||||
.WdateDiv .WwdayOn{
|
||||
cursor:pointer;
|
||||
background-color:#74d2d9;
|
||||
}
|
||||
.WdateDiv .Wtoday{
|
||||
cursor:pointer;
|
||||
color:blue;
|
||||
}
|
||||
.WdateDiv .Wselday{
|
||||
background-color:#A7E2E7;
|
||||
}
|
||||
.WdateDiv .WspecialDay{
|
||||
background-color:#66F4DF;
|
||||
}
|
||||
/* 其他月份的日期 */
|
||||
.WdateDiv .WotherDay{
|
||||
cursor:pointer;
|
||||
color:#0099CC;
|
||||
}
|
||||
/* 其他月份的日期mouseover样式 */
|
||||
.WdateDiv .WotherDayOn{
|
||||
cursor:pointer;
|
||||
background-color:#C0EBEF;
|
||||
}
|
||||
/* 无效日期的样式,即在日期范围以外日期格的样式,不能选择的日期 */
|
||||
.WdateDiv .WinvalidDay{
|
||||
color:#aaa;
|
||||
}
|
||||
|
||||
/****************************
|
||||
* 时间相关
|
||||
***************************/
|
||||
/* 时间栏 DIV */
|
||||
.WdateDiv #dpTime{
|
||||
float:left;
|
||||
margin-top:3px;
|
||||
margin-right:30px;
|
||||
}
|
||||
/* 时间文字 SPAN */
|
||||
.WdateDiv #dpTime #dpTimeStr{
|
||||
margin-left:1px;
|
||||
color:#497F7F;
|
||||
}
|
||||
/* 时间输入框 INPUT */
|
||||
.WdateDiv #dpTime input{
|
||||
height:20px;
|
||||
width:18px;
|
||||
text-align:center;
|
||||
color:#333;
|
||||
border:#61CAD0 1px solid;
|
||||
}
|
||||
/* 时间 时 INPUT */
|
||||
.WdateDiv #dpTime .tB{
|
||||
border-right:0px;
|
||||
}
|
||||
/* 时间 分和间隔符 ':' INPUT */
|
||||
.WdateDiv #dpTime .tE{
|
||||
border-left:0;
|
||||
border-right:0;
|
||||
}
|
||||
/* 时间 秒 INPUT */
|
||||
.WdateDiv #dpTime .tm{
|
||||
width:7px;
|
||||
border-left:0;
|
||||
border-right:0;
|
||||
}
|
||||
/* 时间右边的向上按钮 BUTTON */
|
||||
.WdateDiv #dpTime #dpTimeUp{
|
||||
height:10px;
|
||||
width:13px;
|
||||
border:0px;
|
||||
background:url(img.gif) no-repeat -32px -16px;
|
||||
}
|
||||
/* 时间右边的向下按钮 BUTTON */
|
||||
.WdateDiv #dpTime #dpTimeDown{
|
||||
height:10px;
|
||||
width:13px;
|
||||
border:0px;
|
||||
background:url(img.gif) no-repeat -48px -16px;
|
||||
}
|
||||
/****************************
|
||||
* 其他
|
||||
***************************/
|
||||
.WdateDiv #dpQS {
|
||||
float:left;
|
||||
margin-right:3px;
|
||||
margin-top:3px;
|
||||
background:url(img.gif) no-repeat 0px -16px;
|
||||
width:20px;
|
||||
height:20px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.WdateDiv #dpControl {
|
||||
text-align:right;
|
||||
margin-top:3px;
|
||||
}
|
||||
.WdateDiv .dpButton{
|
||||
height:20px;
|
||||
width:45px;
|
||||
margin-top:2px;
|
||||
border:#38B1B9 1px solid;
|
||||
background-color:#CFEBEE;
|
||||
color:#08575B;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Reference in New Issue
Block a user