jQuery 入门教程(29): jQuery UI Datepicker 示例（二）

你猜阅读：640 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>

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

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

标签:jquery

声明

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