![](//images0.cnblogs.com/blog/502698/201305/12182611-0426ae6124a54565b96f81f0739427c4.jpg)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <meta http-equiv="Content-Language" content="zh-CN" />
6 <title>JQuery日历插件datePicker简单示例</title>
7 <link rel="stylesheet" type="text/css" href="demo/css/datePicker.css" />
8 <script src="demo/js/jquery-1.3.2.min.js" type="text/javascript"></script>
9 <script src="demo/js/jquery.datePicker-min.js" type="text/javascript"></script>
10
11 </head>
12 <body>
13 生日:<input type="text" name="birthday" id="input"/>
14 <script type="text/javascript">
15 $(window).ready(function(){
16 $('#input').datePicker({clickInput:true});
17 });
18 </script>
19 </body>
20 </html>
by hacket