JS文件:
//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' }] }); });
<%@ 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>