jquery-ui-datepicker插件的使用
2015-11-16 17:29
996 查看
**jquery-ui-datepicker插件的使用**
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery ui datepicker</title> <script type="text/javascript" src="js/jquery-1.9.1.js"></script> <script type="text/javascript" src="js/jquery-ui.js"></script> <script type="text/javascript" src="js/jquery-datepicker-ch.js"></script> <link rel="stylesheet" type="text/css" href="css/reset.css"> <link rel="stylesheet" type="text/css" href="css/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="css/jquery-ui.structure.css"> <link rel="stylesheet" type="text/css" href="css/jquery-ui.theme.css"> <style type="text/css"> #content{width: 500px;margin: 30px auto;} #content form input{width:230px;height: 30px;line-height: 30px;border:1px solid #ccc;border-radius:5px;font-size: 15px;} </style> <script type="text/javascript"> $(document).ready(function(){ $("#datepicker").datepicker(); }) </script> </head> <body> <div id="content"> <form action=""> <input type="text" name="date" id="datepicker"> </form> </div> </body> </html>
效果图:
源文件下载地址:http://pan.baidu.com/s/1eQfQPfs
相关文章推荐
- jQuery ajax $.ajax()方法参数详解
- 关于Ajax ,jQuery以及jQuery Ajax 编程 (五)
- JQUERY
- 15款jQuery点击弹出对话框特效代码
- 关于Ajax ,jQuery以及jQuery Ajax 编程 (四)
- jquery
- 关于Ajax ,jQuery以及jQuery Ajax 编程 (三)
- jQuery-1.9.1源码分析系列(七) 钩子(hooks)机制及浏览器兼容续
- 关于Ajax ,jQuery以及jQuery Ajax 编程 (二)
- jquery前言
- 关于Ajax ,jQuery以及jQuery Ajax 编程 (一)
- 12个用得着的jQuery代码片段
- 兼容多浏览器的漂浮窗口特效jQuery
- Jquery中select框问题
- jquery操作select下拉框的多种方法(选中,取值,赋值等) 转载
- jQuery链式操作实例分析
- 基于jQuery实现的仿百度首页滑动选项卡效果代码
- Passing Multiple Parameters to ASP.NET Web API With jQuery
- jquery 使用方法<转载>
- 35个jQuery小技巧(转)