基于jQuery插件的日期选择器 

 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>

 

 

posted @ 2013-05-12 18:27  hacket520  阅读(159)  评论(0)  编辑  收藏  举报