`
shupili141005
  • 浏览: 120283 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类

隐藏 Ext.form.DateField 的触发(trigger)元素使其内容不能修改并使其所有的文本框(text field)显示格式为Y-m-d

阅读更多

隐藏 Ext.form.DateField 的触发(trigger)元素使其内容不能修改并使其所有的文本框(text field)显示格式为Y-m-d(2009-06-18):

1 隐藏 Ext.form.DateField 的触发(trigger)元素

items : [{
            xtype : '
datefield ',
            fieldLabel : '开始日期',
            name : 'fillinDate',
            id : 'fillinDate',
            format: '
Y-m-d ',
           
hideTrigger: true, // True to hide the trigger element and display only the base text field(defaults to false)
            readOnly: true ,
            anchor : '95%'
               }]

2 使 DateField 所有的文本框(text field)显示格式为Y-m-d(2009-06-18),只要在 js 文件的开头加以下代码即可:

Ext.apply(Ext.form.DateField.prototype, {
    altFormats :'Y-m-dTH:i:s',
    format :'Y-m-d'
});

有关 prototype 的内容是值得去学的,这对更好应用 Javascript 语言是很有帮助的,还有正则表达式的内容。

 

版权声明:

如果大家要转载本文,我非常荣幸。但请参加转载网址,谢谢!

0
0
分享到:
评论

相关推荐

    Ext.form表单中各种属性应用详解

    ### Ext.form表单中各种属性应用详解 #### 1. Ext.form.NumberField **Ext.form.NumberField** 是 **Ext.form.TextField** 的一个扩展,它专为处理数字输入而设计,提供了一系列与数值相关的配置选项。 - **...

    EXT.form组件

    EXT.form组件的事件处理也很重要,例如`Ext.form.TriggerField`的`onTriggerClick`事件,会在用户点击触发按钮时触发,通常用于执行下拉菜单的显示或隐藏操作。 EXT.form组件的灵活性和丰富性使得开发者可以轻松地...

    Ext Extjs 禁止文本和日期编辑

    在上述代码中,我们首先创建了一个`TextField`实例,并设置了其`readOnly`属性为`true`,这使得用户不能在文本框中输入或修改文本。你可以根据业务逻辑在合适的时间调用`setReadOnly`方法来切换文本框的可编辑状态。...

    ExtJs 带清空功能的日期组件

    DateField是Ext.form.field.Date的实例,它继承自Ext.form.field.Text。DateField提供了一个日期选择器,允许用户通过日历图标选择日期,或者直接在文本框中输入日期。默认情况下,它会按照指定的格式显示和验证日期...

    Ext扩展dateField时间控件,可以选择年月日、年月、年、月

    它可能包含了自定义的`Ext.form.field.Date`子类,覆盖了默认的行为并添加了所需的扩展功能。文件内容可能包括定义新的配置选项、重写方法以处理用户交互、定义新的模板以显示不同的日期格式,以及注册事件处理器等...

    Ext DateField控件 - 只选择年月

    1. **类定义**:创建一个新的DateField子类,可能命名为`MonthPicker`,继承自Ext.form.field.DateField。 2. **配置项**:定义新的配置选项,如`allowOnlyMonthYear`,用于开启只选择年月模式。 3. **模板修改**:...

    Ext组件描述,各个组件含义

    **2.29 Trigger Field (Ext.form.TriggerField)** - **xtype**: `trigger` - **功能描述**:Trigger Field 是一个带有触发器按钮的文本框。 - **主要用途**:适用于需要在文本框旁边添加一个按钮以触发某个动作的...

    Ext-datatimefield日期与时间选择器精确至时分秒

    1.此控件支持Ext3.2及以上版本 2.用法与Ext.form.DateField一样,xtype:'datetimefield' 3.不需要导入css或其他js 4.解决某些插件导入会显示对象未定义问题

    Ext DateField控件 - 只选择年月插件

    这个插件的工作原理是修改DateField原有的选择界面,使其仅显示年份和月份的选项,通常会通过一个下拉菜单或者弹出的日历面板实现。它还会处理用户的选择,确保所选的值符合'Y-m'格式。 在实际开发中,你可以根据...

    EXT核心API详解

    45、Ext.form.Field类 …………………… 41 46、Ext.form.Checkbox类 …………… 42 47、Ext.form.Radio类 ………………… 43 48、Ext.form.HtmlEditor类 …………… 43 49、Ext.form.TextField类 …………… 44 50...

    extjs帮助文档pdf版

    - `Ext.CompositeElement.clear()`: 清除所有元素。 - `Ext.CompositeElement.dom`: 获取DOM元素数组。 #### 14. Ext.CompositeElementLite 类 (P.16) - **概述**:轻量级版本的`Ext.CompositeElement`。 - **...

    ExtJs组件类的对应表

    8. **`hidden`** - `Ext.form.Hidden`,表单隐藏域,用于存储需要但不需要显示的信息。 9. **`htmleditor`** - `Ext.form.HtmlEditor`,HTML编辑器,用于编辑富文本。 10. **`label`** - `Ext.form.Label`,标签...

    ExtJs_xtype一览

    - `trigger`:`Ext.form.TriggerField`,触发式输入框,常用于日期或搜索框。 - `checkboxgroup`:`Ext.form.CheckboxGroup`,自2.2版本起,用于组织多个多选框的组件。 - `displayfield`:`Ext.form....

    Ext Js权威指南(.zip.001

    Ex4.0共2个压缩包特性,《ext js权威指南》 前 言 第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 ...

    ExtJS入门教程(超级详细)

    45、Ext.form.Field类 …………………… 41 46、Ext.form.Checkbox类 …………… 42 47、Ext.form.Radio类 ………………… 43 48、Ext.form.HtmlEditor类 …………… 43 49、Ext.form.TextField类 …………… 44 50...

    ext_表单提交_数据校验

    #### 一、文本框输入控件(Ext.form.TextField) 在Ext JS框架中,`Ext.form.TextField`是一种用于收集用户输入的基本控件,它提供了丰富的配置选项来实现数据校验。例如,在示例中,通过设置`allowBlank: false`,...

    extjs控件列表

    **Ext.form.DateField** - **描述**: 日期选择项,用户可以输入或选择日期。 - **用途**: 事件日期、出生日期等。 **Ext.form.TimeField** - **描述**: 时间录入项,用户可以输入或选择时间。 - **用途**: 会议时间...

    ExtJs xtype一览

    - **`field` (Ext.form.Field)**: 表单字段组件,是所有表单元素的基类。 - **`fieldset` (Ext.form.FieldSet)**: 表单字段组组件,用于将相关的表单字段组织在一起。 - **`hidden` (Ext.form.Hidden)**: 表单隐藏域...

    Extjs xtype集合

    - **`Class`**: `Ext.form.DateField` - **描述**: 日期选择字段。 5. **`timefield`:** - **`xtype`**: `timefield` - **`Class`**: `Ext.form.TimeField` - **描述**: 时间输入字段。 6. **`field`:** -...

    EXT from培训教材

    `allowBlank`属性控制是否允许字段为空,`format`属性定义了日期的显示格式。 3. **复选框**:使用`Ext.form.Checkbox`创建,用于选择是/否选项。例如: ```javascript new Ext.form.Checkbox({ fieldLabel: '...

Global site tag (gtag.js) - Google Analytics