您的位置：首页 > Web前端 > JQuery

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

2013-03-28 07:06 771 查看

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

1	<!doctypehtml>

2	< html lang = "en" >

head

4	< meta charset = "utf-8" />

5	< title >jQueryUIDemos</ 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

});

});

17	</ script >

</

head

body

21	< p >Date:< input type = "text" id = "datepicker" /></ p >

</

body

</

html

buttonImage设置按钮显示图标。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航