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

你猜 阅读:260 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 设置按钮显示图标。

20130320001

 
声明

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

发表评论
搜索
KIKK导航

KIKK导航

排行榜
关注我们

一个IT知识分享的公众号