/**
|
|
@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:272px;
|
}
|
.layui-laydate-header *,.layui-laydate-content td,.layui-laydate-list li {
|
transition-duration:.3s;
|
-webkit-transition-duration:.3s;
|
}
|
@-webkit-keyframes laydate-upbit {
|
/* 微微往上滑入 */
|
from {
|
-webkit-transform:translate3d(0,20px,0);
|
opacity:0.3;
|
}
|
to {
|
-webkit-transform:translate3d(0,0,0);
|
opacity:1;
|
}
|
}@keyframes laydate-upbit {
|
from {
|
transform:translate3d(0,20px,0);
|
opacity:0.3;
|
}
|
to {
|
transform:translate3d(0,0,0);
|
opacity:1;
|
}
|
}.layui-laydate {
|
-webkit-animation-name:laydate-upbit;
|
animation-name:laydate-upbit;
|
}
|
.layui-laydate-static {
|
position:relative;
|
z-index:0;
|
display:inline-block;
|
margin:0;
|
-webkit-animation:none;
|
animation:none;
|
}
|
/* 展开年月列表时 */
|
.laydate-ym-show .laydate-prev-m,.laydate-ym-show .laydate-next-m {
|
display:none !important;
|
}
|
.laydate-ym-show .laydate-prev-y,.laydate-ym-show .laydate-next-y {
|
display:inline-block !important;
|
}
|
.laydate-ym-show .laydate-set-ym span[lay-type="month"] {
|
display:none !important;
|
}
|
/* 展开时间列表时 */
|
.laydate-time-show .layui-laydate-header .layui-icon,.laydate-time-show .laydate-set-ym span[lay-type="year"],.laydate-time-show .laydate-set-ym span[lay-type="month"] {
|
display:none !important;
|
}
|
/* 头部结构 */
|
.layui-laydate-header {
|
position:relative;
|
line-height:30px;
|
padding:10px 70px 5px;
|
}
|
.layui-laydate-header * {
|
display:inline-block;
|
vertical-align:bottom;
|
}
|
.layui-laydate-header i {
|
position:absolute;
|
top:10px;
|
padding:0 5px;
|
color:#999;
|
font-size:18px;
|
cursor:pointer;
|
}
|
.layui-laydate-header i.laydate-prev-y {
|
left:15px;
|
}
|
.layui-laydate-header i.laydate-prev-m {
|
left:45px;
|
}
|
.layui-laydate-header i.laydate-next-y {
|
right:15px;
|
}
|
.layui-laydate-header i.laydate-next-m {
|
right:45px;
|
}
|
.laydate-set-ym {
|
width:100%;
|
text-align:center;
|
box-sizing:border-box;
|
text-overflow:ellipsis;
|
overflow:hidden;
|
white-space:nowrap;
|
}
|
.laydate-set-ym span {
|
padding:0 5px;
|
cursor:pointer;
|
}
|
.laydate-time-text {
|
cursor:default !important;
|
}
|
/* 主体结构 */
|
.layui-laydate-content {
|
position:relative;
|
padding:10px;
|
-moz-user-select:none;
|
-webkit-user-select:none;
|
-ms-user-select:none;
|
}
|
.layui-laydate-content table {
|
border-collapse:collapse;
|
border-spacing:0;
|
}
|
.layui-laydate-content th,.layui-laydate-content td {
|
width:36px;
|
height:30px;
|
padding:5px;
|
text-align:center;
|
}
|
.layui-laydate-content th {
|
font-weight:400;
|
}
|
.layui-laydate-content td {
|
position:relative;
|
cursor:pointer;
|
}
|
.laydate-day-mark {
|
position:absolute;
|
left:0;
|
top:0;
|
width:100%;
|
height:100%;
|
line-height:30px;
|
font-size:12px;
|
overflow:hidden;
|
}
|
.laydate-day-mark::after {
|
position:absolute;
|
content:'';
|
right:2px;
|
top:2px;
|
width:5px;
|
height:5px;
|
border-radius:50%;
|
}
|
/* 底部结构 */
|
.layui-laydate-footer {
|
position:relative;
|
height:46px;
|
line-height:26px;
|
padding:10px 20px;
|
}
|
.layui-laydate-footer span {
|
margin-right:15px;
|
display:inline-block;
|
cursor:pointer;
|
font-size:12px;
|
}
|
.layui-laydate-footer span:hover {
|
color:#0081F0;
|
}
|
.laydate-footer-btns {
|
position:absolute;
|
right:10px;
|
top:10px;
|
}
|
.laydate-footer-btns span {
|
height:26px;
|
line-height:26px;
|
margin:0 0 0 -1px;
|
padding:0 10px;
|
border:1px solid #C9C9C9;
|
background-color:#fff;
|
white-space:nowrap;
|
vertical-align:top;
|
border-radius:2px;
|
}
|
/* 年月列表 */
|
.layui-laydate-list {
|
position:absolute;
|
left:0;
|
top:0;
|
width:100%;
|
height:100%;
|
padding:10px;
|
box-sizing:border-box;
|
background-color:#fff;
|
}
|
.layui-laydate-list>li {
|
position:relative;
|
display:inline-block;
|
width:33.3%;
|
height:36px;
|
line-height:36px;
|
margin:3px 0;
|
vertical-align:middle;
|
text-align:center;
|
cursor:pointer;
|
}
|
.laydate-month-list>li {
|
width:25%;
|
margin:17px 0;
|
}
|
.laydate-time-list {
|
}.laydate-time-list>li {
|
height:100%;
|
margin:0;
|
line-height:normal;
|
cursor:default;
|
}
|
.laydate-time-list p {
|
position:relative;
|
top:-4px;
|
line-height:29px;
|
}
|
.laydate-time-list ol {
|
height:181px;
|
overflow:hidden;
|
}
|
.laydate-time-list>li:hover ol {
|
overflow-y:auto;
|
}
|
.laydate-time-list ol li {
|
width:130%;
|
padding-left:33px;
|
line-height:30px;
|
text-align:left;
|
cursor:pointer;
|
}
|
/* 提示 */
|
.layui-laydate-hint {
|
position:absolute;
|
top:115px;
|
left:50%;
|
width:250px;
|
margin-left:-125px;
|
line-height:20px;
|
padding:15px;
|
text-align:center;
|
font-size:12px;
|
color:#FF5722;
|
}
|
/* 双日历 */
|
.layui-laydate-range {
|
width:546px;
|
}
|
.layui-laydate-range .layui-laydate-main {
|
display:inline-block;
|
vertical-align:middle;
|
}
|
.layui-laydate-range .laydate-main-list-0 .laydate-next-m,.layui-laydate-range .laydate-main-list-0 .laydate-next-y,.layui-laydate-range .laydate-main-list-1 .laydate-prev-y,.layui-laydate-range .laydate-main-list-1 .laydate-prev-m {
|
display:none;
|
}
|
.layui-laydate-range .laydate-main-list-1 .layui-laydate-content {
|
border-left:1px solid #e2e2e2;
|
}
|
/* 默认简约主题 */
|
.layui-laydate,.layui-laydate-hint {
|
border:1px solid #d2d2d2;
|
box-shadow:0 2px 4px rgba(0,0,0,.12);
|
background-color:#fff;
|
color:#666;
|
}
|
.layui-laydate-header {
|
border-bottom:1px solid #e2e2e2;
|
}
|
.layui-laydate-header i:hover,.layui-laydate-header span:hover {
|
color:#0081F0;
|
}
|
.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:#0081F0;
|
}
|
.laydate-selected:hover {
|
background-color:#0081F0 !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:#0081F0;
|
}
|
.layui-laydate-content td.layui-this .laydate-day-mark::after {
|
display:none;
|
}
|
.layui-laydate-footer span[lay-type="date"] {
|
color:#0081F0;
|
}
|
.layui-laydate .layui-this {
|
background-color:#0081F0 !important;
|
color:#fff !important;
|
}
|
.layui-laydate .laydate-disabled,.layui-laydate .laydate-disabled:hover {
|
background:none !important;
|
color:#d2d2d2 !important;
|
cursor:not-allowed !important;
|
-moz-user-select:none;
|
-webkit-user-select:none;
|
-ms-user-select:none;
|
}
|
/* 墨绿/自定义背景色主题 */
|
.laydate-theme-molv {
|
border:none;
|
}
|
.laydate-theme-molv.layui-laydate-range {
|
width:548px
|
}
|
.laydate-theme-molv .layui-laydate-main {
|
width:274px;
|
}
|
.laydate-theme-molv .layui-laydate-header {
|
border:none;
|
background-color:#0081F0;
|
}
|
.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:#0081F0 !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;
|
}
|
