PROMULGATOR

    day0stack

    湖北省武汉市
    Html
    Css
    Js

    
                        
/*************************
 * 日历样式对应表
 * #date         日历块 
 * table         表格
 * th            头部
 * td            身体
 * a.now         本月
 * a.non-arrival 其他月
 * a.day         今天
 * a.href        链接
 * #date_diglogs 记住对话框
 *************************/

#date {
	width:220px;
	padding-bottom:5px;
	box-shadow:0 1px 3px #ccc;
	border:1px solid #EDEDED;
}
#date table {
	width:inherit;
	user-select:none;
	font-size:12px;
	border-collapse:collapse;
	border-spacing:0px;
}
#date table tr th {
	background-color:#f8f8f8;
	color:#5e5f63;
}
#date table tr:nth-of-type(2) th {
	font-weight:300;
}
#date table tr td {
	text-align:center;
	font-family:"Comic Sans MS";
	padding:2px 0;
}
#date table tr td a {
	text-decoration:none;
}
#date table tr td a.now {
	color:#757575;
}
#date table tr td a.day {
	background:mediumblue;
	text-decoration:underline;
	color:#fff;
}
#date table tr td a.href {
	border:1px solid #ccc;
	transition:all 1s linear;
}
#date table tr td a.href:hover {
	border:1px dotted #5E5F63;
	background:gold;
}
#date table tr td a.non-arrival {
	color:#ccc;
}
.date_diglogs {
	font-size:10px;
	background:#fff;
	padding:2px 5px;
	border-radius:3px;
	box-shadow:0 1px 3px #ccc;
	border:1px solid #EDEDED;
	color:#757575;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.2.3
 立即下载

原生JS日历

更新时间:2021-03-01 10:40:01

0