Ext.form.DateField控件属性说明

ext时间控件Ext.ux.form.DateTimeField和Ext.form.DateField的用法比较 Ext.ux.form.DateTimeField 页面效果 可以精确到年月日时分秒 var _txtEndTime = new Ext.ux.form.DateTimeField({ name: 'endTime', 名称 selectOnFocus: true, allowBlank: false, 不能为空 val... 阅读详情
 

配置项

1、format : String 

用以覆盖本地化的默认日期格式化字串。字串必须为符合指定Date#parseDate的形式(默认为 'm/d/y')。

2、   altFormats : String 

用 "|" 符号分隔的多个日期格式化字串,当输入的日期与默认的格式不符时用来尝试格式化输入值(默认为 'm/d/Y|m-d-y|m-d-Y|m/d|m-d|d')。 

3、disabledDaysText : String 

一个禁用的星期数组,以 0 开始。例如,[0,6] 表示禁用周六和周日(默认为 null)。 

4、disabledDatesText : String 

禁用星期上显示的工具提示(默认为 'Disabled')。

5、minText : String 

当字段的日期早于 minValue 属性指定值时显示的错误文本(默认为'The date in this field must be after {minValue}') 

6、maxText : String 

当字段的日期晚于 maxValue 属性指定值时显示的错误文本(默认为'The date in this field must be before {maxValue}') 

7、invalidText : String 

表单元素无效时标在上面的文本信息(默认为"The value in this field is invalid")。

 

8、triggerClass : String 

应用到触发器身上的CSS样式类

9、showToday : Boolean 

False表示隐藏底部的Today按钮并禁止空格的快捷键来选择当日日期(默认为true)。

10、minValue : Date/String 

允许最早的日期。可以是JavaScript日期对象或者是一个符合日期格式要求的字符串(默认为null)。

11、maxValue : Date/String 

允许最晚的日期。可以是JavaScript日期对象或者是一个符合日期格式要求的字符串(默认为null)。

12、disabledDays : Array 

禁用日子的数组,从0开始。[0, 6]禁止了从星期日到星期六(默认为null)。

13、disabledDates : Array 

一个以字串形式表示的禁用的日期数组。这些字串将会被用来创建一个动态正则表达式,所以它们是很强大的。一个例子: 

["03/08/2003", "09/16/2003"] 将会禁用那些确切的日期

["03/08", "09/16"] 将会禁用每年中的那些日子 

["^03/08"]将会只匹配开头(当使用短年份时非常有用 

["03/../2006"]将会禁用 2006 年 三月 的每一天 

["^03"]将会禁用每年三月的每一天

注意日期的格式必须一定要符合#format的配置格式。 为了提供正则表达式的支持, 如果你使用一个包含 "." 的日期格式,你就得将小数点转义使用。例如: ["03\\.08\\.03"]。

14、autoCreate : String/Object 

一个指定的DomHelper配置对象,如果为真则为一个默认对象({tag: "input", type: "text", size: "20", autocomplete: "off"})。

15、hideTrigger : Boolean 

为true时隐藏触发元素,只显示基本文本域(默认为false)。

16、vtypeText : String 

在当前字段的#vtype中,制定一个错误信息代替默认的(默认为null)。如vtype不设置该项就无效。 

17、stripCharsRe : RegExp 

一个JavaScript正则表达式,用于在进行验证该动作之前抽离不需要的内容(默认为null)

18、grow : Boolean 

当值为 true 时表示字段可以根据内容自动伸缩。 

19、growMin : Number 

当 grow = true 时允许的字段最小宽度(默认为 30)

20、growMax : Number 

当 grow = true 时允许的字段最大宽度(默认为 800) 

21、vtype : String 

中定义的效验类型名(默认为 null) 

22、maskRe : RegExp 

一个用来过滤无效按键的正则表达式(默认为 null) 

23、disableKeyFilter : Boolean 

值为 true 时禁用输入按键过滤(默认为 false) 

24、allowBlank : Boolean 

值为 false 时将效验输入字符个数大于0(默认为 true) 

25、minLength : Number 

输入字段所需的最小字符数(默认为 0) 

26、maxLength : Number 

输入字段允许的最大字符数(默认为 Number.MAX_VALUE)

27、minLengthText : String 

输入字符数小于最小字符数时显示的文本(默认为"The minimum length for this field is {minLength}") 

28、maxLengthText : String 

输入字符数小于最小字符数时显示的文本(默认为"The maximum length for this field is {maxLength}") 

29、selectOnFocus : Boolean 

值为 ture 时表示字段获取焦点时自动选择字段既有文本(默认为 false)。 

30、blankText : String 

当允许为空效验失败时显示的错误文本(默认为 "This field is required")。 

31、validator : Function 

字段效验时调用的自定义的效验函数(默认为 null)。 如果启用此项,则此函数将在所有基础效验(#allowBlank、#minLength、#maxLength和任意的#vtype)成功之后被调用,调用函数时传递的参数为该字段的值。且此函数的有效返回应为成功时返回 true,失败时返回错误文本。 

32、regex : RegExp 

一个用以在效验时使用的 JavaScript 正则表达式对象(默认为 null)。如果启用此项,则此正则表达式将在所有基础效验成功之后被执行,执行此正则表达式时传递的参数为该字段的值。如果效验失败,则根据#regexText的设置将字段标记为无效。

33、regexText : String 

当#regex被设置且效验失败时显示的错误文本(默认为 "")。 

34、emptyText : String 

空字段中显示的文本(默认为 null)。注意,只要这个字段是被激活的而且name属性指定的,那么也会发送到服务端。 

35、emptyClass : String 

#emptyText使用的CSS样式类名(默认为 'x-form-empty-field')。此类的添加与移除均由当前字段是否有值来自动处理。

36、enableKeyEvents : Boolean 

True表示,为HTML的input输入字段激活键盘事件的代理(默认为false) 

37、fieldLabel : String 

在组件旁边那里显示的label文本(默认为'')。 

此组件只有在Ext.form.FormLayout FormLayout布局管理器控制的容器下渲染才有用。

38、inputType : String 

input字段的type属性,诸如 radio、text、password、file等的元素都有type属性。属性是“file”与“怕ssword”就要在这里设置了,因为当前Ext并没有这些单独的组件。 注意当你使用inputType:'file'时,#emptyText就避免使用。

39、tabIndex : Number 

字段的tabIndex。注意这只对已渲染的元素有效,applyTo的那些无效(默认为undfined)。

40、value : Mixed 

字段初始化的值(默认为undefined)。

41、name : String 

字段的name属性,HTML的name属性(默认为'')。 

42、cls : String 

一个可选添加的CSS样式类,加入到组件的元素上(默认为'')。这为组件或组件的子节点加入标准CSS规则提供了方便。 An optional extra CSS class that will be added to this component's Element (defaults to ''). 

43、invalidClass : String 

当出现无效字段所使用上的CSS样式(默认为"x-form-invalid)。

44、focusClass : String 

当表单元素获取焦点时的CSS样式(默认为"x-form-focus")。 

45、validationEvent : String/Boolean 

初始化元素验证的事件名,如果设假,则不进行验证(默认"keyup")。

46、validateOnBlur : Boolean 

是否当失去焦点时验证此表单元素(默认真)。 

47、validationDelay : Number 

用户输入开始到验证开始的间隔毫秒数(默认250毫秒)。

48、fieldClass : String 

表单元素一般状态CSS样式(默认为"x-form-field")。 

49、msgTarget : String 

错误提示的显示位置。 可以是以下列表中的任意一项(默认为"qtip")

50、msgFx : String 

Experimental 表单元素无效提示显示的动画效果(默认为"normal")

51、readOnly : Boolean 

如果为真,则在HTML时标明此表单元素为只读 -- 注意:只是设置表单对象的只读属性。 

52、disabled : Boolean 

渲染该组件为禁用状态的(默认为false)。

  

53、   fireEvent( String eventName, Object... args ) : Boolean 

触发指定的事件,并在这里把处理函数的参数传入(应该至少要有事件的名称)... 

触发指定的事件,并在这里把处理函数的参数传入(应该至少要有事件的名称)。 

参数项: 

eventName : String 事件名称如果这个事件是要在Observable父类上逐层上报(参阅Ext.Component#getBubbleTarget),那么第一个参数一定是true,然后第二个参数是事件名称。 

args : Object... 传入事件处理函数的参数

返回值: Boolean 从处理函数返回true或者false 

  

54、addListener( String eventName, Function fn, Object scope, Object options ) 

加入一个事件处理函数。#on是其简写方式。 

参数项: 

eventName : String 事件处理函数的名称。

fn : Function 事件处理函数。该函数会送入以下的参数:

evt : EventObject用于描述这次事件Ext.EventObject EventObject的事件对象。

(17)ExtJS之Ext.form.field.Date日期选择框 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, renderT 阅读详情

相关推荐

同步整流buck电路图设计:手把手入门必看

从零开始拆解同步整流Buck电路图及其原理,手把手带你画出关键拓扑、选型MOSFET、分析续流路径。重点讲清占空比控制逻辑与体二极管导通损耗的规避方法,让buck电路图及其原理真正落地可调、稳定可靠。

weixin_33308579的博客 995

ExtJS笔记--Ext.form.DateField

Ext.form.DateField 类全称: Ext.form.DateField 继承自于: Ext.form.TriggerField   提供一个下拉的Ext.DatePicker日期选择、自动效验控件的日期输入字段。 配置项 1、format : String  用以覆盖本地化的默认日期格式化字串。字串必须为符合指定Date#parseDate的形式(默...

wjt276的专栏 459

simulink的电动汽车制动系统热管理仿真

本文系统研究了电动汽车制动系统热管理仿真技术。通过建立机电液多物理场耦合模型,分析了不同工况下的动态热平衡特性。提出基于MPC的动态调节和NSGA-II多目标优化算法,使电池温度波动降低60%。创新性采用石墨烯相变材料与微通道液冷复合技术,冷却系统能耗减少40%。研究构建了完整的工程验证平台,涵盖200kW电制动测试台和高精度热成像系统。展望指出,未来将结合Transformer预测和强化学习算法,进一步优化热管理策略。该研究为电动汽车制动系统热管理提供了从理论建模到工程实施的完整解决方案。

xiaoheshang_123的博客 122

Django中的DateTimeField和DateField

DateTimeField 日期+时间。 与python里的 datetime.datetime 实例同。 比如,数据库字段内容为2018-08-30 16:31:00 有以下两个可选的选项,均为bool类型: 参数1:auto_now,默认值为false,设置为true时,每次执行 save 操作时,将其值设置为当前时间,并且每次修改model,都会自动更新。 使用场景:这个参数...

走向未来 3万+

Vins-Fusion 外参camera-imu 标定

Vins-Fusion是一种基于优化的多传感器状态估计器,一大特色是支持实时camera-imu外参校准(相机和IMU之间的旋转)。Vins-Fusion 外参camera-imu校准是利用两帧间计算相机位姿和imu预积分得到位姿,构建最小二乘问题,并通过SVD求解camera-imu外参旋转矩阵。

u010196944的博客 2490

SAP Integration Suite 与 SAP Cloud Integration 的关系解析

SAP Cloud Integration是SAP Integration Suite套件的核心组件,专注于消息与流程集成。两者关系可概括为:Integration Suite是SAP BTP上的集成平台套件(iPaaS),而Cloud Integration是其中负责应用与B2B集成的关键能力。日常所说的"CPI"实际指代的是Integration Suite中的Cloud Integration功能。该套件还包含API管理、事件网格等其他集成能力,共同构成企业集成解决方案。理解这一层

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 594

Multiple annotations found at this line: - Invalid text string ( |   ). - Invalid text strin

在Eclipse/Myeclipse下开发,jsp页面有时会报Multiple annotations found at this line错误 原因是:这些标签的位置,或者属性不符合html的规范,但并不影响这些标签正常表示 比如:    span>div>div>span>   中间的div标签就会报下面这种错误 Multiple annotations

qq_38963960的博客 6386

红火蚁巢穴AI智能识别,提供方案与思路!

🏆本文收录于 《全栈 Bug 调优(实战版)》 专栏。专栏聚焦真实项目中的各类疑难 Bug,从成因剖析 → 排查路径 → 解决方案 → 预防优化全链路拆解,形成一套可复用、可沉淀的实战知识体系。无论你是初入职场的开发者,还是负责复杂项目的资深工程师,都可以在这里构建一套属于自己的「问题诊断与性能调优」方法论,助你稳步进阶、放大技术价值 。

**My Coding Family** 1044

Extjs4 获取datefield时间格式问题

在查询面板中有个时间字段, {xtype:'datefield',width:'200',name:'starttime',id:'starttime',fieldLabel:'开始时间',labelAlign:'right',label...

weixin_34360651的博客 415

把 SNC 支持的通信链路一次讲透,SAP GUI、RFC、CPIC、SAProuter 到底谁在保护谁

摘要: SNC(Secure Network Communications)是SAP系统中用于保护特定通信链路的安全机制,主要应用于DIAG、RFC、CPIC等SAP协议,而非HTTP等互联网协议(后者由SSL/TLS处理)。其核心在于保护通信端点之间的逻辑链路,需在发起方和接收方同时配置SNC参数,包括SNC名称、保护等级(QoP)等。实际项目中,SNC的配置涉及多个层面,如SAP GUI到ABAP平台的登录链路、外部程序通过RFC/CPIC连接ABAP的认证、ABAP系统间的跨系统通信等。配置不当可能导

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 250

采样率转化代码C++(有理倍数,升采样、降采样均可)

【代码】采样率转化(有理倍数,升采样、降采样均可)

goudahai的专栏 547

extjs 获取日期控件的值_ExtJs日期控件格式说明

祝大家新年快乐,有任何问题可与我联系:大家都知道ExtJs是一个非常强大的工具,为什么说它非常强大了?就是因为它把我们所能想到的一切东西都已经做好了,我们只需要按照它提供的格式去写就可以了。首先我们来说一下日期控件Ext.form.DateField,创建代码如下:var md = new Ext.form.DateField({name: 'testDate',width: 110,format...

weixin_31613423的博客 699

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

修改Ext.DatePicker使得Ext.form.DateField只选择年月

在最近一个项目中用到了Ext,学到了很多新的东西,同时JS水平得到了大大的提升。项目中需要一个年月输入框,不带日期的,可是Ext本身不带这样的功能,没办法只能自己扩展。G了一下得到2篇文章http://www.javaeye.com/topic/105492http://blog.csdn.net/forgetdavi/archive/2007/09/07/1776079.aspx

LightSun----让成功成为可能! 3863

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的,已经排好版了,而且还是完整的,适合小白

Ext.form.DateField

类全称: Ext.form.DateField 继承自于: Ext.form.TriggerField     提供一个下拉的Ext.DatePicker日期选择、自动效验控件的日期输入字段。   配置项   1、format : String  用以覆盖本地化的默认日期格式化字串。字串必须为符合指定Date#parseDate的形式(默认为 

jingshaozhi的博客 876

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

修改Ext.form.DateField只选择年月

修改Ext.form.DateField:onTriggerClick : function()...{if(this.disabled)...{return;}if(this.menu == null)...{this.menu = new Ext.menu.DateMenu();}Ext.apply(this.menu.picker, ...{minDate : this.minValue

尖叫的土豆 6211

ExtJS4 日历控件datefield 解决选择时间一天

ExtJS 4.07  datefield控件没有提供我们选择 时期的时分秒,网上有很多人进行二次封装,可以面板中选择时分秒,需要的不难搜到,这里要解决的是如何选择一天内时间问题:    起始时间:2012-08-31 00:00:00    终止时间:2012-08-30 23:59:59 代码如下: Ext.create('Ext.form.Panel', { ren

origin 专栏 1万+

Ext.NET控件介绍—Form控件

Form控件 表单控件是每个开发人员最常用到的一些控件,包括TextField、DateField、FormPanel、Label、HyperLink、Multifield、SpinnerField等。Ext.NET的Form控件集成很多ASP.NET控件不具备的功能,使用相当方便,接下来我们来一一介绍。   TextField控件 TextFiled控件等同于ASP.NE

云海之上 1434

Ext.form各类控件的配置及方法

Ext.form各类控件的配置及方法 1、Ext.form.Action      配置项:            success:执行成功后回调的函数,包括两个参数:form和action            failure:执行失败后回调的函数,包括两个参数:form和action            method:表单的提交方式,有效值包括GET、POST       ...

陈亚杰 193

extjs form java_ExtJS4.2学习(17)表单基本输入控件Ext.form.Field

Ext.form.Field是所有表单输入控件的基类,其他的输入控件都是基于Ext.form.Field扩展得来的。 Ext.form.Field中定义了输入控件通用的属性和功能函数,这些通用的属性和功能函数大致分为3大类:页面显示样式、控件参数配置和数据有效性检验。我们先来看看表单输入控件可以使用的校验显示方式。默认情况下,这些输入控件会监听blur事件,如果数据校验失败,就会根据msgTarg...

weixin_29801567的博客 282

Ext.form.DateField简单用法及日期范围控制

Ext.form.DateField简单用法及日期范围控制 项目中有时需要用到起始日期和结束日期,要做到起始日期必须小于结束日期。在extjs中已经有现成的函数,摘录如下: view source print? 01.Ext.apply(Ext.form.VTypes, { 02.daterange : function(val

资深架构师分享:深入剖析软件架构,探讨云计算、微服务、大数据等前沿技术。分享实践经验,促进技术交流,共同构建卓越系统。 628

对Ext中DateField字段的扩展

 Ext中的DateField字段默认显示格式为'm/d/Y',不太符合中国的使用习惯,以'-'号隔开,或直接显示'xxxx年x月x日'的格式,并且在同一个软件系统中,通常情况会希望日期的显示格式都相同,不要在每个页面中单独设置显示样式。 另外,由于后台传输到前台的格式一般都是java中的Date类型,直接传输到前台会因为Ext中的时区设置问题造成转换错。 基于以上原因,扩展Ext中的Date...

开心就好 298

EXT日期控件BUG(2009-03-31)

EXT日期控件BUG。BUG出现日期:2009-03-31。   BUG描述:月份选择不对,无法任意选择月;我选择09年2月,系统自动变成3月了。   ext-all.js中修改了两个控件的实现。   (1)在Ext.form.DateField控件中,注释掉语句   beforeBlur:function(){ var A=this.parseDate(this.getRaw...

天易 291

EXT日期控件BUG(2009-03-31)日期跳变

2009-04-02EXT日期控件BUG(2009-03-31)关键字: 工作记录 EXT日期控件BUG。BUG出现日期:2009-03-31。 BUG描述:月份选择不对,无法任意选择月;我选择09年2月,系统自动变成3月了。 ext-all.js中修改了两个控件的实现。 (1)在Ext.form.DateField控件中,注释掉语句 J

yiyuxing的专栏 1470
上一篇: Linux关于显示文件内容的命令说明
dnb850621
博客等级 码龄16年 0粉丝 2原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值