2016/06/10 日历插件 Datepicker

Posted 一棵树2016

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了2016/06/10 日历插件 Datepicker相关的知识,希望对你有一定的参考价值。

显示效果:

 1 <!doctype html>
 2 <html lang="en">
 3 <head>
 4   <meta charset="utf-8">
 5   <title>jQuery UI 日期选择器(Datepicker) - 默认功能</title>
 6   <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
 7   <script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
 8   <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
 9   <link rel="stylesheet" href="jqueryui/style.css">
10   <script>
11   $(function() {
12     $( "#datepicker" ).datepicker();
13   });
14   </script>
15 </head>
16 <body>
17  
18 <p>日期:<input type="text" id="datepicker"></p>
19  
20  
21 </body>
22 </html>

 

以上是关于2016/06/10 日历插件 Datepicker的主要内容,如果未能解决你的问题,请参考以下文章

2016/06/10 日历插件 Datepicker

使用 jQuery UI datepicker 选择日历更改 URL

Jquery Datepicker在一个日历中选择多个日期范围

jquery日历插件问题

制作谷歌日历插件

javascript日历插件