jQuery 入门教程(31): jQuery UI Datepicker 示例（四）

你猜阅读：665 2021-04-01 09:58:34 评论：0

DatePicker支持使用另外的按钮控制日期选择界面显示，可以通过自定义的图标来显示这个按钮。

 
        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 
                         showOn: "button", 
       
        13 
                         buttonImage: "images/calendar.gif", 
       
        14 
                         buttonImageOnly: true 
       
        15 
                     }); 
       
        16 
                 }); 
       
        17 
           </script> 
       
        18 
         </head> 
       
        19 
         <body> 
       
        20 
            
        21 
         <p>Date: <input type="text" id="datepicker" /></p> 
       
        22 
            
        23 
            
        24 
         </body> 
       
        25 
         </html>

buttonImage 设置按钮显示图标。

标签:jquery

声明

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