初始化
This commit is contained in:
@@ -0,0 +1,117 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>js网页日期插件</title>
|
||||
|
||||
<script type="text/javascript" src="js/laydate.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
*{margin:0;padding:0;list-style:none;}
|
||||
html{background-color:#E3E3E3; font-size:14px; color:#000; font-family:'微软雅黑'}
|
||||
h2{line-height:30px; font-size:20px;}
|
||||
a,a:hover{ text-decoration:none;}
|
||||
pre{font-family:'微软雅黑'}
|
||||
.box{width:970px; padding:10px 20px; background-color:#fff; margin:10px auto;}
|
||||
.box a{padding-right:20px;}
|
||||
.demo1,.demo2,.demo3,.demo4,.demo5,.demo6{margin:25px 0;}
|
||||
h3{margin:10px 0;}
|
||||
.layinput{height: 22px;line-height: 22px;width: 150px;margin: 0;}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="box">
|
||||
|
||||
<div class="demo1">
|
||||
<h3>演示二（普通模式）</h3>
|
||||
<input class="laydate-icon" id="demo" value="2014-6-25更新">
|
||||
</div>
|
||||
|
||||
<div class="demo2">
|
||||
<h3>演示一（日期精确到秒）</h3>
|
||||
<input placeholder="请输入日期" class="laydate-icon" onClick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="demo3">
|
||||
<h3>演示三（日期范围限制）</h3>
|
||||
<ul class="inline" id="demo">
|
||||
开始日：<input class="laydate-icon" value="2014-6-25更新">
|
||||
结束日：<input class="laydate-icon" value="2014-6-25更新">
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="demo4">
|
||||
<h3>演示四（自定义日期格式）</h3>
|
||||
<div id="test1" class="inline laydate-icon" style="width:150px;"></div>
|
||||
</div>
|
||||
|
||||
<div class="demo5">
|
||||
<h3>演示五（日期范围限定在昨天到明天）</h3>
|
||||
<div class="inline laydate-icon" style="width:150px;" id="hello3"></div>
|
||||
</div>
|
||||
|
||||
<div class="demo6">
|
||||
<h3>演示六（按钮触发日期）</h3>
|
||||
<input readonly class="layinput" id="hello1">
|
||||
<div class="laydate-icon " onClick="laydate({elem: '#hello1'});" style="width:10px;display:inline-block;border:none;"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
!function(){
|
||||
laydate.skin('molv');//切换皮肤，请查看skins下面皮肤库
|
||||
laydate({elem: '#demo'});//绑定元素
|
||||
}();
|
||||
|
||||
//日期范围限制
|
||||
var start = {
|
||||
elem: '#start',
|
||||
format: 'YYYY-MM-DD',
|
||||
min: laydate.now(), //设定最小日期为当前日期
|
||||
max: '2099-06-16', //最大日期
|
||||
istime: true,
|
||||
istoday: false,
|
||||
choose: function(datas){
|
||||
end.min = datas; //开始日选好后，重置结束日的最小日期
|
||||
end.start = datas //将结束日的初始值设定为开始日
|
||||
}
|
||||
};
|
||||
|
||||
var end = {
|
||||
elem: '#end',
|
||||
format: 'YYYY-MM-DD',
|
||||
min: laydate.now(),
|
||||
max: '2099-06-16',
|
||||
istime: true,
|
||||
istoday: false,
|
||||
choose: function(datas){
|
||||
start.max = datas; //结束日选好后，充值开始日的最大日期
|
||||
}
|
||||
};
|
||||
laydate(start);
|
||||
laydate(end);
|
||||
|
||||
//自定义日期格式
|
||||
laydate({
|
||||
elem: '#test1',
|
||||
format: 'YYYY年MM月DD日',
|
||||
festival: true, //显示节日
|
||||
choose: function(datas){ //选择日期完毕的回调
|
||||
alert('得到：'+datas);
|
||||
}
|
||||
});
|
||||
|
||||
//日期范围限定在昨天到明天
|
||||
laydate({
|
||||
elem: '#hello3',
|
||||
min: laydate.now(-1), //-1代表昨天，-2代表前天，以此类推
|
||||
max: laydate.now(+1) //+1代表明天，+2代表后天，以此类推
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,73 @@
|
||||
/**
|
||||
|
||||
@Name： laydate 核心样式
|
||||
@Author：贤心
|
||||
@Site：http://sentsin.com/layui/laydate
|
||||
|
||||
**/
|
||||
|
||||
html{_background-image:url(about:blank); _background-attachment:fixed;}
|
||||
.laydate_body .laydate_box, .laydate_body .laydate_box *{margin:0; padding:0;}
|
||||
.laydate-icon,
|
||||
.laydate-icon-default,
|
||||
.laydate-icon-danlan,
|
||||
.laydate-icon-dahong,
|
||||
.laydate-icon-molv{height:22px; width:250px; line-height:22px; padding-right:20px; border:1px solid #C6C6C6; background-repeat:no-repeat; background-position:right center; background-color:#fff; outline:0;}
|
||||
.laydate-icon-default{ background-image:url(../skins/default/icon.png)}
|
||||
.laydate-icon-danlan{border:1px solid #B1D2EC; background-image:url(../skins/danlan/icon.png)}
|
||||
.laydate-icon-dahong{background-image:url(../skins/dahong/icon.png)}
|
||||
.laydate-icon-molv{background-image:url(../skins/molv/icon.png)}
|
||||
.laydate_body .laydate_box{width:240px; font:12px '\5B8B\4F53'; z-index:99999999; *margin:-2px 0 0 -2px; *overflow:hidden; _margin:0; _position:absolute!important; background-color:#fff;}
|
||||
.laydate_body .laydate_box li{list-style:none;}
|
||||
.laydate_body .laydate_box .laydate_void{cursor:text!important;}
|
||||
.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{text-decoration:none; blr:expression(this.onFocus=this.blur()); cursor:pointer;}
|
||||
.laydate_body .laydate_box a:hover{text-decoration:none;}
|
||||
.laydate_body .laydate_box cite, .laydate_body .laydate_box label{position:absolute; width:0; height:0; border-width:5px; border-style:dashed; border-color:transparent; overflow:hidden; cursor:pointer;}
|
||||
.laydate_body .laydate_box .laydate_yms, .laydate_body .laydate_box .laydate_time{display:none;}
|
||||
.laydate_body .laydate_box .laydate_show{display:block;}
|
||||
.laydate_body .laydate_box input{outline:0; font-size:14px; background-color:#fff;}
|
||||
.laydate_body .laydate_top{position:relative; height:26px; padding:5px; *width:100%; z-index:99;}
|
||||
.laydate_body .laydate_ym{position:relative; float:left; height:24px; cursor:pointer;}
|
||||
.laydate_body .laydate_ym input{float:left; height:24px; line-height:24px; text-align:center; border:none; cursor:pointer;}
|
||||
.laydate_body .laydate_ym .laydate_yms{position:absolute; left: -1px; top: 24px; height:181px;}
|
||||
.laydate_body .laydate_y{width:121px; margin-right:6px;}
|
||||
.laydate_body .laydate_y input{width:64px; margin-right:15px;}
|
||||
.laydate_body .laydate_y .laydate_yms{width:121px; text-align:center;}
|
||||
.laydate_body .laydate_y .laydate_yms a{position:relative; display:block; height:20px;}
|
||||
.laydate_body .laydate_y .laydate_yms ul{height:139px; padding:0; *overflow:hidden;}
|
||||
.laydate_body .laydate_y .laydate_yms ul li{float:left; width:60px; height:20px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
|
||||
.laydate_body .laydate_m{width:99px;}
|
||||
.laydate_body .laydate_m .laydate_yms{width:99px; padding:0;}
|
||||
.laydate_body .laydate_m input{width:42px; margin-right:15px;}
|
||||
.laydate_body .laydate_m .laydate_yms span{display:block; float:left; width:42px; margin: 5px 0 0 5px; line-height:24px; text-align:center; _display:inline;}
|
||||
.laydate_body .laydate_choose{display:block; float:left; position:relative; width:20px; height:24px;}
|
||||
.laydate_body .laydate_choose cite, .laydate_body .laydate_tab cite{left:50%; top:50%;}
|
||||
.laydate_body .laydate_chtop cite{margin:-7px 0 0 -5px; border-bottom-style:solid;}
|
||||
.laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{top:50%; margin:-2px 0 0 -5px; border-top-style:solid;}
|
||||
.laydate_body .laydate_chprev cite{margin:-5px 0 0 -7px;}
|
||||
.laydate_body .laydate_chnext cite{margin:-5px 0 0 -2px;}
|
||||
.laydate_body .laydate_ym label{right:28px;}
|
||||
.laydate_body .laydate_table{ width:230px; margin:0 5px; border-collapse:collapse; border-spacing:0px; }
|
||||
.laydate_body .laydate_table td{width:31px; height:19px; line-height:19px; text-align: center; cursor:pointer; font-size: 12px;}
|
||||
.laydate_body .laydate_table thead{height:22px; line-height:22px;}
|
||||
.laydate_body .laydate_table thead th{font-weight:400; font-size:12px; text-align:center;}
|
||||
.laydate_body .laydate_bottom{position:relative; height:22px; line-height:20px; padding:5px; font-size:12px;}
|
||||
.laydate_body .laydate_bottom #laydate_hms{position: relative; z-index: 1; float:left; }
|
||||
.laydate_body .laydate_time{ position:absolute; left:5px; bottom: 26px; width:129px; height:125px; *overflow:hidden;}
|
||||
.laydate_body .laydate_time .laydate_hmsno{ padding:5px 0 0 5px;}
|
||||
.laydate_body .laydate_time .laydate_hmsno span{display:block; float:left; width:24px; height:19px; line-height:19px; text-align:center; cursor:pointer; *margin-bottom:-5px;}
|
||||
.laydate_body .laydate_time1{width:228px; height:154px;}
|
||||
.laydate_body .laydate_time1 .laydate_hmsno{padding: 6px 0 0 8px;}
|
||||
.laydate_body .laydate_time1 .laydate_hmsno span{width:21px; height:20px; line-height:20px;}
|
||||
.laydate_body .laydate_msg{left:49px; bottom:67px; width:141px; height:auto; overflow: hidden;}
|
||||
.laydate_body .laydate_msg p{padding:5px 10px;}
|
||||
.laydate_body .laydate_bottom li{float:left; height:20px; line-height:20px; border-right:none; font-weight:900;}
|
||||
.laydate_body .laydate_bottom .laydate_sj{width:33px; text-align:center; font-weight:400;}
|
||||
.laydate_body .laydate_bottom input{float:left; width:21px; height:20px; line-height:20px; border:none; text-align:center; cursor:pointer; font-size:12px; font-weight:400;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{height:20px; line-height:20px; text-align:center;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex span{position:absolute; width:20px; top:0; right:0px; cursor:pointer;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex span:hover{font-size:14px;}
|
||||
.laydate_body .laydate_bottom .laydate_btn{position:absolute; right:5px; top:5px;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a{float:left; height:20px; padding:0 6px; _padding:0 5px;}
|
||||
.laydate_body .laydate_bottom .laydate_v{position:absolute; left:10px; top:6px; font-family:Courier; z-index:0;}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 307 B |
@@ -0,0 +1,58 @@
|
||||
/**
|
||||
|
||||
@Name： laydate皮肤：大红
|
||||
@Author：贤心
|
||||
@Site：http://sentsin.com/layui/laydate
|
||||
|
||||
**/
|
||||
|
||||
.laydate-icon{border:1px solid #ccc; background-image:url(icon.png)}
|
||||
|
||||
.laydate_body .laydate_bottom #laydate_hms,
|
||||
.laydate_body .laydate_time{border:1px solid #ccc;}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_time{box-shadow: 2px 2px 5px rgba(0,0,0,.1);}
|
||||
|
||||
.laydate_body .laydate_box{border-top:none; border-bottom:none; background-color:#fff; color:#333;}
|
||||
.laydate_body .laydate_box input{background:none!important; color:#fff;}
|
||||
.laydate_body .laydate_box .laydate_void{color:#ccc!important;}
|
||||
.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{color:#333;}
|
||||
.laydate_body .laydate_box a:hover{color:#666;}
|
||||
.laydate_body .laydate_click{background-color:#F32043!important; color:#fff!important;}
|
||||
.laydate_body .laydate_top{border-top:1px solid #D91600; background-color:#D91600}
|
||||
.laydate_body .laydate_ym{border:1px solid #D91600; background-color:#D91600;}
|
||||
.laydate_body .laydate_ym .laydate_yms{border:1px solid #D91600; background-color:#D91600; color:#fff;}
|
||||
.laydate_body .laydate_y .laydate_yms a{border-bottom:1px solid #D91600;}
|
||||
.laydate_body .laydate_y .laydate_yms .laydate_chdown{border-top:1px solid #D91600; border-bottom:none;}
|
||||
.laydate_body .laydate_choose{border-left:1px solid #D91600;}
|
||||
.laydate_body .laydate_chprev{border-left:none; border-right:1px solid #D91600;}
|
||||
.laydate_body .laydate_choose:hover,
|
||||
.laydate_body .laydate_y .laydate_yms a:hover{background-color:#F54766;}
|
||||
.laydate_body .laydate_chtop cite{border-bottom-color:#fff;}
|
||||
.laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{border-top-color:#fff;}
|
||||
.laydate_body .laydate_chprev cite{border-right-style:solid; border-right-color:#fff;}
|
||||
.laydate_body .laydate_chnext cite{border-left-style:solid; border-left-color:#fff;}
|
||||
.laydate_body .laydate_table{width: 240px!important; margin: 0!important; border:1px solid #ccc; border-top:none; border-bottom:none;}
|
||||
.laydate_body .laydate_table td{border:none; height:21px!important; line-height:21px!important; background-color:#fff; color:#333;}
|
||||
.laydate_body .laydate_table .laydate_nothis{color:#999;}
|
||||
.laydate_body .laydate_table thead{border-bottom:1px solid #ccc; height:21px!important; line-height:21px!important;}
|
||||
.laydate_body .laydate_table thead th{}
|
||||
.laydate_body .laydate_bottom{border:1px solid #ccc; border-top:none;}
|
||||
.laydate_body .laydate_bottom #laydate_hms{background-color:#fff;}
|
||||
.laydate_body .laydate_time{background-color:#fff;}
|
||||
.laydate_body .laydate_time1{width: 226px!important; height: 152px!important;}
|
||||
.laydate_body .laydate_bottom .laydate_sj{width:31px!important; border-right:1px solid #ccc; background-color:#fff;}
|
||||
.laydate_body .laydate_bottom input{background-color:#fff; color:#333;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{border-bottom:1px solid #ccc;}
|
||||
.laydate_body .laydate_bottom .laydate_btn{border-right:1px solid #ccc;}
|
||||
.laydate_body .laydate_bottom .laydate_v{color:#999}
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border: 1px solid #ccc; border-right:none; background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a:hover{background-color:#F6F6F6; color:#333;}
|
||||
|
||||
.laydate_body .laydate_m .laydate_yms span:hover,
|
||||
.laydate_body .laydate_time .laydate_hmsno span:hover,
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover,
|
||||
.laydate_body .laydate_table td:hover{background-color:#F54766; color:#fff;}
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 328 B |
@@ -0,0 +1,67 @@
|
||||
/**
|
||||
|
||||
@Name： laydate皮肤：淡蓝
|
||||
@Author：贤心
|
||||
@Site：http://sentsin.com/layui/laydate
|
||||
|
||||
**/
|
||||
|
||||
.laydate-icon{border:1px solid #B1D2EC; background-image:url(icon.png)}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_table,
|
||||
.laydate_body .laydate_table td,
|
||||
.laydate_body .laydate_bottom #laydate_hms,
|
||||
.laydate_body .laydate_time,
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border:1px solid #B1D2EC;}
|
||||
|
||||
.laydate_body .laydate_y .laydate_yms a,
|
||||
.laydate_body .laydate_choose,
|
||||
.laydate_body .laydate_table thead{background-color:#DEECF8;}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_time{box-shadow: 2px 2px 5px rgba(0,0,0,.1);}
|
||||
|
||||
.laydate_body .laydate_box{border-top:none; border-bottom:none; background-color:#fff; color:#1F547E;}
|
||||
.laydate_body .laydate_box input{color:#1F547E;}
|
||||
.laydate_body .laydate_box .laydate_void{color:#BDD8EE!important;}
|
||||
.laydate_body .laydate_box .laydate_void:hover{background-color:#fff!important}
|
||||
.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{color:#1F547E;}
|
||||
.laydate_body .laydate_click{background-color:#DEECF8!important;}
|
||||
.laydate_body .laydate_top{border-top:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_ym .laydate_yms{background-color:#fff;}
|
||||
.laydate_body .laydate_y .laydate_yms a{border-bottom:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_y .laydate_yms .laydate_chdown{border-top:1px solid #B1D2EC; border-bottom:none;}
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover,
|
||||
.laydate_body .laydate_m .laydate_yms span:hover{color:#000;}
|
||||
.laydate_body .laydate_choose{border-left:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_chprev{border-left:none; border-right:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_chtop cite{border-bottom-color:#3081C2;}
|
||||
.laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{border-top-color:#3081C2;}
|
||||
.laydate_body .laydate_chprev cite{border-right-style:solid; border-right-color:#3081C2;}
|
||||
.laydate_body .laydate_chnext cite{border-left-style:solid; border-left-color:#3081C2;}
|
||||
.laydate_body .laydate_table td{background-color:#fff; color:#1F547E;}
|
||||
.laydate_body .laydate_table .laydate_nothis{color:#60A2D7;}
|
||||
.laydate_body .laydate_table thead{color:#163A58;}
|
||||
.laydate_body .laydate_bottom{border-bottom:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_bottom #laydate_hms{background-color:#fff;}
|
||||
.laydate_body .laydate_time{background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydate_sj{border-right:1px solid #B1D2EC; background-color:#ECF4FB;}
|
||||
.laydate_body .laydate_bottom input{background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{border-bottom:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_bottom .laydate_btn{border-right:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_bottom .laydate_v{color:#75AEDD}
|
||||
.laydate_body .laydate_bottom .laydate_btn a{ border-right:none; background-color:#ECF4FB;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a:hover{ background-color:#fff;}
|
||||
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover,
|
||||
.laydate_body .laydate_m .laydate_yms span:hover,
|
||||
.laydate_body .laydate_choose:hover,
|
||||
.laydate_body .laydate_y .laydate_yms a:hover,
|
||||
.laydate_body .laydate_table td:hover,
|
||||
.laydate_body .laydate_bottom .laydate_time span:hover,
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{background-color:#ECF4FB}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 314 B |
@@ -0,0 +1,68 @@
|
||||
/**
|
||||
|
||||
@Name： laydate皮肤：默认
|
||||
@Author：贤心
|
||||
@Site：http://sentsin.com/layui/laydate
|
||||
|
||||
**/
|
||||
|
||||
.laydate-icon{border:1px solid #C6C6C6; background-image:url(icon.png)}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_table,
|
||||
.laydate_body .laydate_table td,
|
||||
.laydate_body .laydate_bottom #laydate_hms,
|
||||
.laydate_body .laydate_time,
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border:1px solid #ccc;}
|
||||
|
||||
.laydate_body .laydate_y .laydate_yms a,
|
||||
.laydate_body .laydate_choose,
|
||||
.laydate_body .laydate_table thead,
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{background-color:#F6F6F6;}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_time{box-shadow: 2px 2px 5px rgba(0,0,0,.1);}
|
||||
|
||||
.laydate_body .laydate_box{border-top:none; border-bottom:none; background-color:#fff; color:#333;}
|
||||
.laydate_body .laydate_box input{color:#333;}
|
||||
.laydate_body .laydate_box .laydate_void{color:#ccc!important; /*text-decoration:line-through;*/}
|
||||
.laydate_body .laydate_box .laydate_void:hover{background-color:#fff!important}
|
||||
.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{color:#333;}
|
||||
.laydate_body .laydate_box a:hover{color:#666;}
|
||||
.laydate_body .laydate_click{background-color:#eee!important;}
|
||||
.laydate_body .laydate_top{border-top:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_ym .laydate_yms{border:1px solid #C6C6C6; background-color:#fff;}
|
||||
.laydate_body .laydate_y .laydate_yms a{border-bottom:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_y .laydate_yms .laydate_chdown{border-top:1px solid #C6C6C6; border-bottom:none;}
|
||||
.laydate_body .laydate_choose{border-left:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_chprev{border-left:none; border-right:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_choose:hover,
|
||||
.laydate_body .laydate_y .laydate_yms a:hover{background-color:#fff;}
|
||||
.laydate_body .laydate_chtop cite{border-bottom-color:#666;}
|
||||
.laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{border-top-color:#666;}
|
||||
.laydate_body .laydate_chprev cite{border-right-style:solid; border-right-color:#666;}
|
||||
.laydate_body .laydate_chnext cite{border-left-style:solid; border-left-color:#666;}
|
||||
.laydate_body .laydate_table td{border:none; height:21px!important; line-height:21px!important; background-color:#fff;}
|
||||
.laydate_body .laydate_table .laydate_nothis{color:#999;}
|
||||
.laydate_body .laydate_table thead{height:21px!important; line-height:21px!important;}
|
||||
.laydate_body .laydate_table thead th{border-bottom:1px solid #ccc;}
|
||||
.laydate_body .laydate_bottom{border-bottom:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_bottom #laydate_hms{background-color:#fff;}
|
||||
.laydate_body .laydate_time{background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydate_sj{border-right:1px solid #C6C6C6; background-color:#F6F6F6;}
|
||||
.laydate_body .laydate_bottom input{background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{border-bottom:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_bottom .laydate_btn{border-right:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_bottom .laydate_v{color:#999}
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border-right:none; background-color:#F6F6F6;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a:hover{color:#000; background-color:#fff;}
|
||||
|
||||
.laydate_body .laydate_m .laydate_yms span:hover,
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover,
|
||||
.laydate_body .laydate_table td:hover,
|
||||
.laydate_body .laydate_time .laydate_hmsno span:hover{background-color:#F3F3F3}
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 309 B |
@@ -0,0 +1,59 @@
|
||||
/**
|
||||
|
||||
@Name： laydate皮肤：墨绿
|
||||
@Author：贤心
|
||||
@Site：http://sentsin.com/layui/laydate
|
||||
|
||||
**/
|
||||
|
||||
.laydate-icon{border:1px solid #ccc; background-image:url(icon.png)}
|
||||
|
||||
.laydate_body .laydate_bottom #laydate_hms,
|
||||
.laydate_body .laydate_time{border:1px solid #ccc;}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_time{box-shadow: 2px 2px 5px rgba(0,0,0,.1);}
|
||||
|
||||
.laydate_body .laydate_box{border-top:none; border-bottom:none; background-color:#fff; color:#00625A;}
|
||||
.laydate_body .laydate_box input{background:none!important; color:#fff;}
|
||||
.laydate_body .laydate_box .laydate_void{color:#00E8D7!important;}
|
||||
.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{color:#00625A;}
|
||||
.laydate_body .laydate_box a:hover{color:#666;}
|
||||
.laydate_body .laydate_click{background-color:#009F95!important; color:#fff!important;}
|
||||
.laydate_body .laydate_top{border-top:1px solid #009F95; background-color:#009F95}
|
||||
.laydate_body .laydate_ym{border:1px solid #009F95; background-color:#009F95;}
|
||||
.laydate_body .laydate_ym .laydate_yms{border:1px solid #009F95; background-color:#009F95; color:#fff;}
|
||||
.laydate_body .laydate_y .laydate_yms a{border-bottom:1px solid #009F95;}
|
||||
.laydate_body .laydate_y .laydate_yms .laydate_chdown{border-top:1px solid #009F95; border-bottom:none;}
|
||||
.laydate_body .laydate_choose{border-left:1px solid #009F95;}
|
||||
.laydate_body .laydate_chprev{border-left:none; border-right:1px solid #009F95;}
|
||||
.laydate_body .laydate_choose:hover,
|
||||
.laydate_body .laydate_y .laydate_yms a:hover{background-color:#00C1B3;}
|
||||
.laydate_body .laydate_chtop cite{border-bottom-color:#fff;}
|
||||
.laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{border-top-color:#fff;}
|
||||
.laydate_body .laydate_chprev cite{border-right-style:solid; border-right-color:#fff;}
|
||||
.laydate_body .laydate_chnext cite{border-left-style:solid; border-left-color:#fff;}
|
||||
.laydate_body .laydate_table{width: 240px!important; margin: 0!important; border:1px solid #ccc; border-top:none; border-bottom:none;}
|
||||
.laydate_body .laydate_table td{border:none; height:21px!important; line-height:21px!important; background-color:#fff; color:#00625A;}
|
||||
.laydate_body .laydate_table .laydate_nothis{color:#999;}
|
||||
.laydate_body .laydate_table thead{border-bottom:1px solid #ccc; height:21px!important; line-height:21px!important;}
|
||||
.laydate_body .laydate_table thead th{}
|
||||
.laydate_body .laydate_bottom{border:1px solid #ccc; border-top:none;}
|
||||
.laydate_body .laydate_bottom #laydate_hms{background-color:#fff;}
|
||||
.laydate_body .laydate_time{background-color:#fff;}
|
||||
.laydate_body .laydate_time1{width: 226px!important; height: 152px!important;}
|
||||
.laydate_body .laydate_bottom .laydate_sj{width:31px!important; border-right:1px solid #ccc; background-color:#fff;}
|
||||
.laydate_body .laydate_bottom input{background-color:#fff; color:#00625A;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{border-bottom:1px solid #ccc;}
|
||||
.laydate_body .laydate_bottom .laydate_btn{border-right:1px solid #ccc;}
|
||||
.laydate_body .laydate_bottom .laydate_v{color:#999}
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border: 1px solid #ccc; border-right:none; background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a:hover{background-color:#F6F6F6; color:#00625A;}
|
||||
|
||||
.laydate_body .laydate_m .laydate_yms span:hover,
|
||||
.laydate_body .laydate_time .laydate_hmsno span:hover,
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover,
|
||||
.laydate_body .laydate_table td:hover{background-color:#00C1B3; color:#fff;}
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 328 B |
@@ -0,0 +1,70 @@
|
||||
/**
|
||||
|
||||
@Name： laydate皮肤：浅黄
|
||||
@Author：贤心
|
||||
@Site：http://sentsin.com/layui/laydate
|
||||
|
||||
**/
|
||||
|
||||
.laydate-icon{border:1px solid #E7D7CB; background-image:url(icon.png)}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_table,
|
||||
.laydate_body .laydate_table td,
|
||||
.laydate_body .laydate_bottom #laydate_hms,
|
||||
.laydate_body .laydate_time,
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border:1px solid #DEC8B8;}
|
||||
|
||||
.laydate_body .laydate_y .laydate_yms a,
|
||||
.laydate_body .laydate_ym,
|
||||
.laydate_body .laydate_choose,
|
||||
.laydate_body .laydate_table thead{background-color:#fff;}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_time{box-shadow: 2px 2px 5px rgba(0,0,0,.1);}
|
||||
|
||||
.laydate_body .laydate_box{border-top:none; border-bottom:none; background-color: #F7F4ED!important; color:#8B743F;}
|
||||
.laydate_body .laydate_box input{color:#8B743F;}
|
||||
.laydate_body .laydate_box .laydate_void{color:#CBB98D!important;}
|
||||
.laydate_body .laydate_box .laydate_void:hover{background-color:#fff!important;}
|
||||
.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{color:#8B743F;}
|
||||
.laydate_body .laydate_box a:hover{color:#8B743F;}
|
||||
.laydate_body .laydate_click{background-color:#DEC8B8!important;}
|
||||
.laydate_body .laydate_top{border-top:1px solid #DEC8B8;}
|
||||
.laydate_body .laydate_ym .laydate_yms{background-color:#fff;}
|
||||
.laydate_body .laydate_y .laydate_yms a{border-bottom:1px solid #DEC8B8;}
|
||||
.laydate_body .laydate_y .laydate_yms .laydate_chdown{border-top:1px solid #DEC8B8; border-bottom:none;}
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover,
|
||||
.laydate_body .laydate_m .laydate_yms span:hover{color:#8B743F;}
|
||||
.laydate_body .laydate_choose{border-left:1px solid #DEC8B8;}
|
||||
.laydate_body .laydate_chprev{border-left:none; border-right:1px solid #DEC8B8;}
|
||||
.laydate_body .laydate_chtop cite{border-bottom-color:#8B743F;}
|
||||
.laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{border-top-color:#8B743F;}
|
||||
.laydate_body .laydate_chprev cite{border-right-style:solid; border-right-color:#8B743F;}
|
||||
.laydate_body .laydate_chnext cite{border-left-style:solid; border-left-color:#8B743F;}
|
||||
.laydate_body .laydate_table td{background-color:#F4F0E6; color:#8B743F;}
|
||||
.laydate_body .laydate_table .laydate_nothis{background-color:#fff; color:#C0AA76;}
|
||||
.laydate_body .laydate_table thead{color:#163A58;}
|
||||
.laydate_body .laydate_bottom{border-bottom:1px solid #DEC8B8;}
|
||||
.laydate_body .laydate_bottom #laydate_hms{background-color:#fff;}
|
||||
.laydate_body .laydate_time{background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydate_sj{border-right:1px solid #DEC8B8;}
|
||||
.laydate_body .laydate_bottom input{background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{border-bottom:1px solid #DEC8B8;}
|
||||
.laydate_body .laydate_bottom .laydate_btn{border-right:1px solid #DEC8B8;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a{ border-right:none; background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a:hover{color:#163A58;}
|
||||
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover,
|
||||
.laydate_body .laydate_m .laydate_yms span:hover,
|
||||
.laydate_body .laydate_choose:hover,
|
||||
.laydate_body .laydate_y .laydate_yms a:hover,
|
||||
.laydate_body .laydate_table td:hover,
|
||||
.laydate_body .laydate_bottom .laydate_sj,
|
||||
.laydate_body .laydate_bottom .laydate_time span:hover,
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex,
|
||||
.laydate_body .laydate_bottom .laydate_btn a:hover{background-color:#F7F4ED}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 314 B |
@@ -0,0 +1,68 @@
|
||||
/**
|
||||
|
||||
@Name： laydate皮肤：雅灰
|
||||
@Author：贤心
|
||||
@Site：http://sentsin.com/layui/laydate
|
||||
|
||||
**/
|
||||
|
||||
.laydate-icon{border:1px solid #C6C6C6; background-image:url(icon.png)}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_table,
|
||||
.laydate_body .laydate_table td,
|
||||
.laydate_body .laydate_bottom #laydate_hms,
|
||||
.laydate_body .laydate_time,
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border:1px solid #C6C6C6;}
|
||||
|
||||
.laydate_body .laydate_y .laydate_yms a,
|
||||
.laydate_body .laydate_choose,
|
||||
.laydate_body .laydate_table thead,
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{background-color:#F0F0F0;}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_time{box-shadow: 2px 2px 5px rgba(0,0,0,.1);}
|
||||
|
||||
.laydate_body .laydate_box{border-top:none; border-bottom:none; background-color:#fff; color:#333;}
|
||||
.laydate_body .laydate_box input{color:#333;}
|
||||
.laydate_body .laydate_box .laydate_void{color:#ccc!important; /*text-decoration:line-through;*/}
|
||||
.laydate_body .laydate_box .laydate_void:hover{background-color:#fff!important}
|
||||
.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{color:#333;}
|
||||
.laydate_body .laydate_box a:hover{color:#666;}
|
||||
.laydate_body .laydate_click{background-color:#E9E9E9!important;}
|
||||
.laydate_body .laydate_top{border-top:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_ym .laydate_yms{border:1px solid #C6C6C6; background-color:#fff;}
|
||||
.laydate_body .laydate_y .laydate_yms a{border-bottom:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_y .laydate_yms .laydate_chdown{border-top:1px solid #C6C6C6; border-bottom:none;}
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover{background-color:#F1F1F1; color:#000;}
|
||||
.laydate_body .laydate_m .laydate_yms span:hover{background-color:#F1F1F1; color:#000;}
|
||||
.laydate_body .laydate_choose{border-left:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_chprev{border-left:none; border-right:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_choose:hover,
|
||||
.laydate_body .laydate_y .laydate_yms a:hover{background-color:#F6F6F6;}
|
||||
.laydate_body .laydate_chtop cite{border-bottom-color:#666;}
|
||||
.laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{border-top-color:#666;}
|
||||
.laydate_body .laydate_chprev cite{border-right-style:solid; border-right-color:#666;}
|
||||
.laydate_body .laydate_chnext cite{border-left-style:solid; border-left-color:#666;}
|
||||
.laydate_body .laydate_table td{border:1px solid #C6C6C6; color:#333;}
|
||||
.laydate_body .laydate_table .laydate_nothis{color:#999;}
|
||||
.laydate_body .laydate_table thead{ background-color:#E3E3E3; color:#000;}
|
||||
.laydate_body .laydate_table thead th{}
|
||||
.laydate_body .laydate_bottom{border-bottom:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_bottom #laydate_hms{background-color:#fff;}
|
||||
.laydate_body .laydate_time{background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydate_sj{border-right:1px solid #C6C6C6; background-color:#F3F3F3;}
|
||||
.laydate_body .laydate_bottom input{background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{border-bottom:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_bottom .laydate_btn{border-right:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_bottom .laydate_v{color:#999}
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border-right:none; background-color:#F0F0F0;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a:hover{color:#000; background-color:#fff;}
|
||||
|
||||
.laydate_body .laydate_table td:hover,
|
||||
.laydate_body .laydate_bottom .laydate_time span:hover{background-color:#F2F2F2}
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 324 B |
@@ -0,0 +1,58 @@
|
||||
/**
|
||||
|
||||
@Name： laydate皮肤：雅兰
|
||||
@Author：贤心
|
||||
@Site：http://sentsin.com/layui/laydate
|
||||
|
||||
**/
|
||||
|
||||
.laydate-icon{border:1px solid #34AADC; background-image:url(icon.png)}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_table,
|
||||
.laydate_body .laydate_table td,
|
||||
.laydate_body .laydate_bottom #laydate_hms,
|
||||
.laydate_body .laydate_time,
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border:1px solid #34AADC;}
|
||||
|
||||
.laydate_body .laydate_box{box-shadow: 2px 2px 5px rgba(0,0,0,.1);}
|
||||
|
||||
.laydate_body .laydate_box{background-color:#34AADC!important; color:#fff;}
|
||||
.laydate_body .laydate_box input{background:none!important; color:#fff;}
|
||||
.laydate_body .laydate_box .laydate_void{color:#fff!important; background:none!important;}
|
||||
.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{color:#333;}
|
||||
.laydate_body .laydate_box a:hover{color:#666;}
|
||||
.laydate_body .laydate_click{background-color:#67BFE4!important; color:#fff!important;}
|
||||
.laydate_body .laydate_top{}
|
||||
.laydate_body .laydate_ym{background-color:#50B5E0; border:1px solid #50B5E0;}
|
||||
.laydate_body .laydate_ym .laydate_yms{border:1px solid #2293C4; background-color:#2293C4;}
|
||||
.laydate_body .laydate_y .laydate_yms a{border-bottom:1px solid #50B5E0; background-color:#50B5E0;}
|
||||
.laydate_body .laydate_y .laydate_yms .laydate_chdown{border-top:1px solid #50B5E0; border-bottom:none;}
|
||||
.laydate_body .laydate_choose{}
|
||||
.laydate_body .laydate_chprev{border-left:none; border-right:1px solid #50B5E0;}
|
||||
.laydate_body .laydate_choose:hover,
|
||||
.laydate_body .laydate_y .laydate_yms a:hover{background-color:#61BBE2;}
|
||||
.laydate_body .laydate_chtop cite{border-bottom-color:#C7E8F5;}
|
||||
.laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{border-top-color:#C7E8F5;}
|
||||
.laydate_body .laydate_chprev cite{border-right-style:solid; border-right-color:#C7E8F5;}
|
||||
.laydate_body .laydate_chnext cite{border-left-style:solid; border-left-color:#C7E8F5;}
|
||||
.laydate_body .laydate_table td{border:none; height:21px!important; line-height:21px!important; background-color:#50B5E0; color:#fff;}
|
||||
.laydate_body .laydate_table .laydate_nothis{background:none;}
|
||||
.laydate_body .laydate_table thead{height:21px!important; line-height:21px!important;}
|
||||
.laydate_body .laydate_table thead th{}
|
||||
.laydate_body .laydate_bottom{border-bottom:1px solid #34AADC; color:#fff;}
|
||||
.laydate_body .laydate_bottom #laydate_hms{background-color:#50B5E0;}
|
||||
.laydate_body .laydate_time{background-color:#2293C4;}
|
||||
.laydate_body .laydate_bottom .laydate_sj{border-right:1px solid #50B5E0; background-color:#50B5E0; color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{border-bottom:1px solid #67BFE4; background-color:#2293C4;}
|
||||
.laydate_body .laydate_bottom .laydate_btn{border-right:1px solid #34AADC;}
|
||||
.laydate_body .laydate_bottom .laydate_v{color:#ccc}
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border-right:none; background-color:#50B5E0; color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a:hover{background-color:#6BC0E4;}
|
||||
|
||||
.laydate_body .laydate_m .laydate_yms span:hover,
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover,
|
||||
.laydate_body .laydate_table td:hover,
|
||||
.laydate_body .laydate_time .laydate_hmsno span:hover{background-color:#87CBE9; color:#fff;}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user