jQuery 入门教程(29): jQuery UI Datepicker 示例(二)分析

你猜 阅读:240 2021-04-01 09:58:45 评论:0


显示月份和年份选择下拉框
changeMonth 和changeYear 选择可以打开和关闭月份和年份下拉选择框。

1 <!doctype html>
2 <html lang="en">
3 <head>
4     <meta charset="utf-8" />
5     <title>jQuery UI Demos</title>
6     <link rel="stylesheet" href="themes/trontastic/jquery-ui.css" />
7     <script src="scripts/jquery-1.9.1.js"></script>
8     <script src="scripts/jquery-ui-1.10.1.custom.js"></script>
9     <script>
10         $(function () {
11             $("#datepicker").datepicker({
12                 changeMonth: true,
13                 changeYear: true
14             });
15         });
16     </script>
17 </head>
18 <body>
19     <p>
20         Date:
21         <input type="text" id="datepicker" />
22     </p>
23 </body>
24 </html>

20130319002

显示多个月份
选项numberOfMonths 可以用控制同时显示几个月份:

1 $(function () {
2     $("#datepicker").datepicker({
3         numberOfMonths: 3,
4         showButtonPanel: true
5     });
6 });

20130319003

声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

发表评论
搜索
KIKK导航

KIKK导航

排行榜
关注我们

一个IT知识分享的公众号