首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

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

2013-03-29 
jQuery 入门教程(31): jQuery UI Datepicker 示例(四)DatePicker支持使用另外的按钮控制日期选择界面显示,

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

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: true15            });16        });17  </script>18</head>19<body>20  21<p>Date: <input type="text" id="datepicker" /></p>22  23  24</body>25</html>

buttonImage 设置按钮显示图标。

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

 

热点排行