我们讲解下使用使用datePicker插件的使用，网络上有很多优秀的日期选择器的使用，可以直接选择当前日期，或者得到指定格式的年月日，今天介绍的是datePicker的应用
我们看看效果
是不是非常节省时间呢
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>datePicker</title>
<link href="//freemuban.com/js/507/datePicker.css" rel="stylesheet" type="text/css" media="all" />
<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="//freemuban.com/js/507/date.js"></script>
<script type="text/javascript" src="//freemuban.com/js/507/jquery.datePicker.js"></script>
<script type="text/javascript">
$(function(){
$('#date').datePicker();
})
</script>
<style type="text/css">
/* located in demo.css and creates a little calendar icon
* instead of a text link for "Choose date"
*/
a.dp-choose-date {
float: left;
width: 16px;
height: 16px;
padding: 0;
margin: 5px 3px 0;
display: block;
text-indent: -2000px;
overflow: hidden;
background: url(//freemuban.com/js/507/calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
background-position: 0 -20px;
cursor: default;
}
/* makes the input field shorter once the date picker code
* has run (to allow space for the calendar icon
*/
input.dp-applied {
width: 140px;
float: left;
}
form { height:80px; }
#dp-popup h2 { background:none; }
form label { float: left; }
</style>
</head>
<body>
<h1>datePicker日期选择器</h1>
<form action="" method="POST" class="p1">
<label>添加日期：</label>
<input value="" type="text" name="date" id="date" />
</form>
</body>
</html>
