Skip to content

Commit

Permalink
perfect datetimepicker
Browse files Browse the repository at this point in the history
  • Loading branch information
CN-Sean committed Sep 3, 2015
1 parent c4b96f6 commit ecefc1d
Show file tree
Hide file tree
Showing 12 changed files with 11,917 additions and 0 deletions.
168 changes: 168 additions & 0 deletions dist/jquery.datetimepicker.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,168 @@
/***常量***/
/***函数***/
/***样式***/
.perfect-datetimepicker {
position: relative;
width: 240px;
margin: 2px 0 0;
font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "Microsoft YaHei UI", "Microsoft YaHei", STXihei, SimSun, sans-serif;
font-size: 14px;
color: #333333;
background-color: #fafafa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
line-height: 0;
border: none;
}
.perfect-datetimepicker table {
background-color: white;
padding: 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #cccccc;
}
.perfect-datetimepicker table td {
text-align: center;
padding: 2px;
width: 34px;
height: 27px;
cursor: pointer;
vertical-align: middle;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.perfect-datetimepicker table td.weekend {
color: #d9534f;
}
.perfect-datetimepicker table.mt tbody td {
width: 58px;
height: 38px;
}
.perfect-datetimepicker td {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.perfect-datetimepicker td.name {
font-weight: bold;
}
.perfect-datetimepicker td.oday {
color: #cccccc;
}
.perfect-datetimepicker td.disabled {
color: #999;
}
.perfect-datetimepicker td i {
font-size: 18px;
font-weight: bold;
}
.perfect-datetimepicker td table.tt {
border: 0;
padding: 0;
}
.perfect-datetimepicker table.tt {
padding: 5px;
}
.perfect-datetimepicker table.tt td.hover {
border: 0;
}
.perfect-datetimepicker table.tt td.common {
width: 5px;
}
.perfect-datetimepicker table.tt tbody td {
width: 40px;
height: 14px;
}
.perfect-datetimepicker table.tt input {
outline: none;
border: 1px solid #cccccc;
margin: 0 auto;
width: 38px;
height: 24px;
text-align: center;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
-ms-transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
-webkit-transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
-o-transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
transition: border-color ease-in-out 0.2s, box-shadow ease-in-out 0.2s;
}
.perfect-datetimepicker table.tt input:focus {
border-color: #66afe9;
-webkit-box-shadow: 0 0 6px rgba(102, 175, 233, 0.6);
box-shadow: 0 0 6px rgba(102, 175, 233, 0.6);
}
.perfect-datetimepicker tbody td.hover {
background-color: #eeeeee;
padding: 1px;
border: 1px solid #cccccc;
}
.perfect-datetimepicker tbody td.today {
font-weight: bold;
color: #178cdf;
}
.perfect-datetimepicker tbody td.selected {
font-weight: bold;
padding: 1px;
color: white;
border: 1px solid #178cdf;
background-color: #178cdf;
}
.perfect-datetimepicker tfoot td.split {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 1px;
border-bottom: solid 1px #cccccc;
}
.perfect-datetimepicker tfoot td.hover {
background-color: #eeeeee;
padding: 1px;
border: 1px solid #eeeeee;
}
.perfect-datetimepicker thead td.hover {
background-color: #eeeeee;
padding: 1px;
border: 1px solid #eeeeee;
}
.perfect-datetimepicker thead td.title {
font-weight: bold;
text-align: center;
padding: 2px;
}
i {
font-family: "finex";
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: 'finex';
src: url('../resources/fonts/iconfont.eot');
src: url('../resources/fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../resources/fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('../resources/fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../resources/fonts/iconfont.svg#svgFontName') format('svg');

/* IE9*/
/* iOS 4.1- */
}
i.icon-datepicker-minus:before {
content: '\e601';
}
i.icon-datepicker-plus:before {
content: '\e603';
}
i.icon-datepicker-prev:before {
content: '\e602';
}
i.icon-datepicker-next:before {
content: '\e600';
}
1 change: 1 addition & 0 deletions dist/jquery.datetimepicker.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit ecefc1d

Please sign in to comment.