jQuery 入门教程(29): jQuery UI Datepicker 示例(二)
来源:互联网 发布:小站托福怎么下载mac版 编辑:程序博客网 时间:2024/05/29 20:03
显示月份和年份选择下拉框
changeMonth 和changeYear 选择可以打开和关闭月份和年份下拉选择框。
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
changeMonth: true,
13
changeYear: true
14
});
15
});
16
</
script
>
17
</
head
>
18
<
body
>
19
<
p
>
20
Date:
21
<
input
type
=
"text"
id
=
"datepicker"
/>
22
</
p
>
23
</
body
>
24
</
html
>
显示多个月份
选项numberOfMonths 可以用控制同时显示几个月份:
1
$(
function
() {
2
$(
"#datepicker"
).datepicker({
3
numberOfMonths: 3,
4
showButtonPanel:
true
5
});
6
});
- jQuery 入门教程(29): jQuery UI Datepicker 示例(二)
- jQuery 入门教程(29): jQuery UI Datepicker 示例(二)
- jQuery 入门教程(28): jQuery UI Datepicker 示例(一)
- jQuery 入门教程(30): jQuery UI Datepicker 示例(三)
- jQuery 入门教程(31): jQuery UI Datepicker 示例(四)
- jQuery 入门教程(32): jQuery UI Datepicker 示例(五)
- jQuery 入门教程(28): jQuery UI Datepicker 示例(一)
- jQuery 入门教程(30): jQuery UI Datepicker 示例(三)
- jQuery 入门教程(31): jQuery UI Datepicker 示例(四)
- jQuery 入门教程(32): jQuery UI Datepicker 示例(五)
- jQuery 入门教程(24): jQuery UI Autocomplete示例(二)
- jQuery 入门教程(27): jQuery UI Button示例(二)
- jQuery 入门教程(34): jQuery UI Dialog 示例(二)
- jQuery 入门教程(39): jQuery UI Slider 示例(二)
- jQuery 入门教程(42): jQuery UI Tab 示例(二)
- jQuery 入门教程(24): jQuery UI Autocomplete示例(二)
- jQuery 入门教程(27): jQuery UI Button示例(二)
- jQuery 入门教程(34): jQuery UI Dialog 示例(二)
- JS 打开新窗口的方法
- JS刷新当前页面
- Spring MVC 入门
- 基础加强-2
- 基础加强-3
- jQuery 入门教程(29): jQuery UI Datepicker 示例(二)
- 银行业务调度系统总结
- 交通灯管理系统总结
- 搭建java me 开发的eclipse环境
- mount point on ubuntu 10.10
- HTTP返回码
- 数据库巡检脚本
- 基于注解的SpringMVC简单介绍
- 待研究 微信的商业模式与创业机会