EXT--Extjs Ext.form.field.Date示例

最新推荐文章于 2019-08-15 13:02:30 发布

iteye_4927

最新推荐文章于 2019-08-15 13:02:30 发布

阅读量122

点赞数

分类专栏： EXT 文章标签： xhtml javascript ViewUI

本文链接：https://blog.csdn.net/iteye_4927/article/details/82541526

版权

EXT 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>日期控件</title> 
<link rel="stylesheet" href="ext-4.2.1.883/resources/css/ext-all.css" /> 
<script type="text/javascript" src="ext-4.2.1.883/bootstrap.js" ></script> 
<script type="text/javascript" src="ext-4.2.1.883/locale/ext-lang-zh_CN.js"></script> 
<script type="text/javascript"> 
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:'07/31/2013',//允许选择最大日期 
   minValue:'06/31/2012',//允许选择最小日期 
   disabledDates:['2008年3月20日'], 
   disabledDatesText:'禁止选择该日期', 
   width:240, 
   value:'06/25/2013', 
  showToday:false //如果为false 显示效果图如2 
   }] 
  }); 
}); 
</script> 
</head> 
<body> 
</body> 
</html> 
--------------------------------------------- 
注： 
showToday:true 设置是否显示‘今天’ 选择按钮，默认为true (所以一般不用写出来)

开发者博客：www.developsearch.com