jQuery 入门教程(29): jQuery UI Datepicker 示例（二）
显示月份和年份选择下拉框
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: true14 });15 });16 </script>17</head>18<body>19 <p>20 Date:21 <input type="text" id="datepicker" />22 </p>23</body>24</html>
显示多个月份
选项numberOfMonths 可以用控制同时显示几个月份：
1$(function () {2 $("#datepicker").datepicker({3 numberOfMonths: 3,4 showButtonPanel: true5 });6});