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

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

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

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 设置按钮显示图标。

20130320001

 




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