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