轉載自:http://blog.csdn.net/softwave/article/details/7765405
所需js和CSS檔案下載地址:http://download.csdn.net/detail/softwave/4439849
[html] view plain copy <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文檔</title> <link rel="stylesheet" media="all" type="text/css" href="css/jquery-ui.css"/> <link rel="stylesheet" media="all" type="text/css" href="css/jquery-ui-timepicker-addon.css"/> <script type="text/javascript" src="js/jquery-1.7.2.js"></script> <script type="text/javascript" src="js/jquery-ui.min.js"></script> <script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script> <script type="text/javascript" src="js/jquery-ui-sliderAccess.js"></script> <script type="text/javascript" src="js/jquery-ui-timepicker-zh-CN.js"></script> <script type="text/javascript"> $(function(){ $('#example').timepicker({}); }); </script> <style type="text/css"> #ui-datepicker-div, .ui-datepicker{ font-size: 80%; } </style> </head>