首页 > JS专栏 > 精美jquery日期选择器
2017
03-22

精美jquery日期选择器

效果如上图所示,代码如下:

特别注意,该日期选择器的css加载在js里面,如果js和css不是平级目录,请自行在js里修改引用css的目录。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<title>jeDate带时分秒日期控件代码</title>
<script type="text/javascript" src="jedate.js"></script>
<style>
body{ padding:50px 0 0 50px;}
.datainp{ width:200px; height:30px; border:1px #ccc solid;}
.datep{ margin-bottom:40px;}
</style>

<body>
<div style="width:100%;height:100px;">
<p class="datep"><input class="datainp" id="datebut" type="text" placeholder="请选择"  readonly onClick="jeDate({dateCell:'#datebut',isTime:true,format:'YYYY-MM-DD H:I:S'})"></p>
</div>
</div>
</body>
</html>

下载地址:http://www.haoshu888.com/download/js/selectDate.zip


留下一个回复