/**
@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;
}