`

Extjs之旅-日期选择控件

Extjs日期选择 
阅读更多 
<%@ 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之旅-时间显示格式说明
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics