jQuery 入门教程(29): jQuery UI Datepicker 示例(二)
来源:互联网 发布:mac 程序编辑器 编辑:程序博客网 时间:2024/06/08 00:06
显示月份和年份选择下拉框
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
});
0 0
- 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 示例(二)
- 常用mysql数据库工具简介
- Latex WinEdt eps图片显示不出来 dvi pdf
- 理解矩阵(二)
- jQuery 入门教程(28): jQuery UI Datepicker 示例(一)
- 内存管理操作符
- jQuery 入门教程(29): jQuery UI Datepicker 示例(二)
- 源码编译安装git
- VS2012连接自带Sql2012错误
- jQuery 入门教程(30): jQuery UI Datepicker 示例(三)
- java 元数据
- jQuery 入门教程(31): jQuery UI Datepicker 示例(四)
- URL的返回方式 —— 三种结构
- [Java] 日期处理 01 SimpleDataFormat 学习
- jQuery 入门教程(32): jQuery UI Datepicker 示例(五)