<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/"/>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="shared/example.css" />
<script type="text/javascript" src="js/ext/ext-all.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
Ext.onReady(function(){
//创建表单
Ext.create('Ext.form.Panel',{
title:'Ext.form.field.Time实例',
renderTo:'form',
bodyPadding:5,
frame:true,
height:100,
width:300,
items:[{
fieldLabel:'日起选择框',
xtype:'datefield',
width:240,
labelSeparator:':',
msgTarget:'side',//提示信息显示在字段的右边
autoFitErrors:false,//展示错误信息时是否调整字段组件的宽度
format:'Y年m月d日',//显示日起的格式
maxValue:'12/31/2015',//允许选择的最大日期
minVlue:'01/01/2008',//允许选择的最小日期
disabledDates:['2008年03月12日'],//禁止选择2008年3月12日
disabledDateText:'禁止选择该日期',
disabledDays:[0,6],//禁止选择星期六和星期日
disabledDaysText:'禁止选择该日期',
width:240,
value:'12/31/2008'
}]
});
});
</script>
</head>
<body>
<div id="form"></div>
</body>
</html>
disabledDates中设置的日期格式必须和format中的设置的日期格式相同否非无效；
maxValue和minValue中设置的日期格式必须是altFormat配置项中存在的日期格式，否则失效
分享到：
相关推荐
最后，"控件"章节将进一步深入到ExtJS的组件体系，探讨更多的特定控件，如日期选择器、树形视图、图表等。这些控件提供了丰富的功能，使得创建交互式、数据驱动的Web应用变得可能。同时，你还将学习如何处理用户输入...
- **开始组件学习之旅**: 引导读者进入Extjs组件的学习之旅。 - **被设计得面目全非的按钮**: 介绍了Extjs中按钮组件的灵活性和可定制性。 - **日期选择器Ext.DatePicker**: 详细介绍了日期选择器组件的使用方法，...
- **开始组件学习之旅** - 从最基本的组件开始，逐步深入学习Extjs的各种组件。 - 按钮是最常用的组件之一，用于触发事件或提交表单。 - **被设计得面目全非的按钮** - 指的是按钮组件提供了丰富的定制选项，...
9.5. 可以设置时间的日期控件 9.6. JsonView实现用户卡片拖拽与右键菜单 9.7. 下拉列表选择每页显示多少数据 10. 撕裂吧！邪魔外道与边缘学科。 10.1. dwr与ext整合 10.1.1. 无侵入式整合dwr和ext 10.1.2. ...
9.5. 可以设置时间的日期控件 9.6. JsonView实现用户卡片拖拽与右键菜单 9.7. 下拉列表选择每页显示多少数据 10. 撕裂吧！邪魔外道与边缘学科。 10.1. dwr与ext整合 10.1.1. 无侵入式整合dwr和ext 10.1.2. DWRProxy ...