(17)ExtJS之Ext.form.field.Date日期选择框
2014-02-27 17:28
141 查看
JS文件:
JSP文件:
//1:Ext.form.field.Date示例,日期选择框 Ext.onReady(function(){ Ext.QuickTips.init(); Ext.create('Ext.form.Panel',{ title:'Ext.form.field.Date示例', frame:true, height:100, width:300, renderTo:Ext.getBody(), bodyPadding:5, items:[{ fieldLabel:'日期选择框', xtype:'datefield', labelSeparator:':',//分隔符 msgTarget:'side',//在字段右边显示一个提示信息 autoFitErrors:false,//展示错误信息时是否自动调整字段组件宽度 format:'Y年m月d日',//显示日期的格式 maxValue:'12/31/2008',//允许选择的最大日期 minValue:'01/01/2008',//允许选择的最小日期 disableDdates:['2008年3月12日'],//禁止选择2008年03月12日 disabledDatesText:'禁止选择该日期', disabledDays:[0,6],//禁止选择星期日和星期六 disabledDaysText:'禁止选择该日期', width:220, value:'12/31/2008' }] }); });
JSP文件:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'JS1.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- extjs的样式文件 --> <link rel="stylesheet" type="text/css" href="js/extjs/resources/css/ext-all.css"> <!-- extjs的核心文件 --> <script type="text/javascript" charset="utf-8" src="js/extjs/ext-all-debug.js"></script> <!-- 国际化文件 --> <script type="text/javascript" charset="utf-8" src="js/extjs/ext-lang-zh_CN.js"></script> <script type="text/javascript" charset="utf-8" src="base/011_form_dateandother.js"></script> </head>
<body> </body> </html>
相关文章推荐
- ExtJs学习笔记(17)_Form布局
- Extjs学习总结之17悬浮效果与校验
- ExtJs学习笔记(17)_table布局
- 17,ExtJS框架入门
- extjs 树总结(数据库层)
- ExtJS编辑器——spket IDE自动提示配置
- JavaSE_17_"=="和"equals()"
- 23种设计模式(17)_行为型_中介者模式(Mediator Pattern)
- LeetCode 17: Letters Combination of a Phone Number
- 最近用到的几个extjs插件
- extjs入门——开始
- Extjs 4 MVC中全局配置文件
- [extjs] ExtJs4.2 Form 表单提交
- Java 集合深入理解(17):HashMap 在 JDK 1.8 后新增的红黑树结构
- Extjs2.0常用方法一
- extjs中model的HasMany和belongTo读取xml数据的用法
- ExtJS的数据模型
- 【Android 界面效果17】Android手机平板两不误,使用Fragment实现兼容手机和平板的程序
- 学习记录2(17/09/15于成都)
- ExtJs——ComboBox(下拉列表、从后台读取数据、带分页)!!!