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