你好,游客 登录 注册 搜索
背景:
阅读新闻

jQuery 入门教程(29): jQuery UI Datepicker 示例(二) - 引路蜂移动软件

[日期:2013-03-26] 来源:  作者: [字体: ]

显示月份和年份选择下拉框
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

 




收藏 推荐 打印 | 录入:admin | 阅读:
相关新闻