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

最新推荐文章于 2017-01-09 23:39:58 发布

引路蜂

最新推荐文章于 2017-01-09 23:39:58 发布

阅读量2k

点赞数 2

分类专栏： jQuery JavaScript jQuery教程

JavaScript 同时被 3 个专栏收录

49 篇文章 0 订阅

订阅专栏

jQuery

48 篇文章 0 订阅

订阅专栏

jQuery教程

43 篇文章 78 订阅

订阅专栏

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>