ExtJs日期控件案例(可控制时间的选择)
来源:互联网 发布:安卓模拟器对比 知乎 编辑:程序博客网 时间:2024/05/22 09:03
图片效果:
ExtJs代码:
/* *********************************************************************日期控件的简单案例*********************************************************************************************************************************************************** */ //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/2015',//允许选择的最大日期 minValue:'01/01/2008',//允许选择的最小日期 disabledDates:['2008年03月12日'],//禁止选择2008年03月12日 // disabledDates: ["^03月"], disabledDatesText:'禁止选择该日期', disabledDays:[0,6,1,5],//禁止选择星期日和星期六 disabledDaysText:'禁止选择该日期', width:220, value:'03/1/2008' }] }); });页面只要引入ext-all.js:
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css"/>
<script type="text/javascript" src="../ext-all.js"></script>
<script type="text/javascript" src="test.js"></script>
<script type="text/javascript" src="ext-lang-zh_CN.js" ></script>
0 0
- ExtJs日期控件案例(可控制时间的选择)
- ExtJs日期时间选择控件(精确到秒)
- ExtJs日期时间选择控件(精确到秒)
- ExtJs日期时间选择控件(精确到秒)
- EXTJS日期时间选择控件(精确到秒)
- Extjs DateTime 日期时间选择控件 (非点击日期强制选择) 支持4.0以上
- 令人头痛的ExtJS日期时间控件
- ExtJs 基于ExtJs2.2以上的日期时间选择控件datetimefield
- Extjs mydate97时间选择控件的使用
- 日期时间选择控件
- 时间日期选择控件
- 日期时间选择控件
- ExtJs 日期控件加时间
- extjs 日期时间控件 datetimefield
- 带时间选择的JS日期控件
- 带时间的日期选择web控件
- 带时间选择的JS日期控件
- 带时间的日期选择web控件
- STM32F4学习(六)——LCD显示
- 第六章--高级字符驱动程序操作
- 如何切换eclipse中svn用户
- 题目1118:数制转换
- Medoo Has的使用:判断根据查询条件得出的值是否存在
- ExtJs日期控件案例(可控制时间的选择)
- POJ1306 Combinations
- LeetCode题目:Unique Binary Search Trees,一维动态规划
- C# 中的委托和事件
- UVa:1329 Corporative Network(带权并查集)
- Java第七课
- URL提交 中文乱码在Tomcat也要处理
- Java自学之路前沿
- Ogre材质解析代码初步分析(二)