运行代码 缩小
汉王
HTML代码
复制 格式化 注释 注释 清空
放大
AخA
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5
<title>时间选择插件</title>
6
<style>
7
*{padding:0;margin:0;}
8
#dateBox{width:252px;height:200px;border:1px #ddd solid;padding:20px;border-radius:3px;position:relative;}
9
#dateBox #yearList{width:120px;height:30px;float:left;}
10
#dateBox #monthList{width:120px;height:30px;float:right;}
11
#dateBox #dayList{width:248px;border-left:1px #ddd solid;border-top:1px #ddd solid;float:left;margin-top:10px;}
12
#dateBox #dayList a{width:30px;height:30px;border-right:1px #ddd solid;border-bottom:1px #ddd solid;float:left;text-align:center;line-height:30px;cursor:pointer;}
13
</style>
14
<script type="text/javascript" src="//apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
15
</head>
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
CSS代码...
x
 
1
JS代码
复制 格式化 注释 注释 清空
放大
JS代码...
xxxxxxxxxx
1
 
1
名称
昨天写的Js时间选择插件
分类
日期时间
描述
一个Js时间选择插件,有两个文本框,鼠标点击后,会弹出一个日期选择框,相信大家都见到过的,本款日期选择没有美化,留着大家美化吧。
收藏