Html
    Css
    Js

    
                        
 /* 日期选择 */
    * {
	margin:0;
	padding:0;
}
body {
	background:wheat;
}
.box {
	width:300px;
	height:50px;
	position:relative;
}
.wire {
	width:460px;
	height:6px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-150px;
	margin-top:-3px;
	background-color:gray;
}
.piece {
	width:20px;
	height:30px;
	position:absolute;
	left:100%;
	top:50%;
	margin-top:-15px;
	background-color:black;
	z-index:1;
	border-radius:50%;
}
#selectDate {
	margin-left:110px;
	margin-top:20px;
}
.color {
	width:100%;
	height:6px;
	background-color:white;
	position:absolute;
	left:0;
	top:0;
}
.value {
	color:blue;
	font-weight:600;
}

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

滑动轴显示某一天的具体时间

更新时间:2021-11-12 01:04:25

借鉴前人的显示百分比,改用显示时间。

0