首页 > 程序开发 > web前端 > JavaScript >

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

2013-04-03

DatePicker支持使用另外的按钮控制日期选择界面显示,可以通过自定义的图标来显示这个按钮。1 <!doctype html>2 <html lang="en">3 <head>4 <meta charset="utf-8" />5 <title>jQuery UI Demos</titl...

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

相关文章
最新文章
热点推荐