`
shupili141005
  • 浏览: 119206 次
  • 性别: 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表单中各种属性应用详解

    1. Ext.form.NumberField 2. Ext.form.TextArea 3. Ext.form.TriggerField 4. Ext.form.DateField 5. Ext.form.ComboBox 6. Ext.form.TimeField

    Ext Extjs 禁止文本和日期编辑

    Ext Extjs 禁止文本和日期编辑 ExtJS中动态设置TextField的readOnly属性

    Ext DateField控件 - 只选择年月

    NULL 博文链接:https://newlethe.iteye.com/blog/814634

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

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

    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...

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

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

    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...

    ExtJs 带清空功能的日期组件

    ExtJs 的日期控件不带清空功能,项目有可能需要一个带清空功能的日期控件。

    精通JS脚本之ExtJS框架.part1.rar

    7.2.6 日期输入控件Ext.form.DateField 7.2.7 在线编辑器Ext.form.HtmlEditor 7.3 ExtJS表单组件的综合应用 第8章 设计表格类布局 8.1 表格简介 8.1.1 表格的基本属性 8.1.2 制作第一个表格 8.2 表格常用功能...

    Extjs学习笔记之三 extjs form更多的表单项

    可以通过如下代码新建一个日期选择框: 代码如下: new Ext.form.DateField({ id: ‘diliveryDate’, format: ‘Y年m月d日’, maxValue: new Date(), minValue: ‘1900-01-01’, disabledDays: [0, 6], ...

    精通JS脚本之ExtJS框架.part2.rar

    7.2.6 日期输入控件Ext.form.DateField 7.2.7 在线编辑器Ext.form.HtmlEditor 7.3 ExtJS表单组件的综合应用 第8章 设计表格类布局 8.1 表格简介 8.1.1 表格的基本属性 8.1.2 制作第一个表格 8.2 表格常用功能...

    Ext日期控件显示农历,及其周末高亮显示

    扩展Ext日期控件,使其显示农历、让星期六、星期天高亮显示。 先有两种实现方式,一为重写Date.DatePicker和Ext.form.DateField控件的相应方法、另一种为单独做一个扩展扩建。 本JS文件在Ext3.1测试通过、若果要在...

    extjs4.2日期控件datefield拓展加上选择时分秒功能

    在ExtJs4.2表单控件里分别有个时间控件(datafield)和时间控件(timefield),但是官方提供的控件不能将日期和时分秒整合到一起,我从网上搜集整理了一个可用的选择日期时分秒的拓展控件,extjs版本是4.2,亲测能用,...

    解决datefield组件 日期选择框在IE8下显示不完整的问题

    extjs中,经常会用到datefield组件控制用户对日期的操作,比如日志管理,需要开始时间、结束时间,但是IE8下日期选择框会显示不全,解决方法参加代码。 同时改代码解决了开始时间、结束时间的时间范围控制的问题,即...

    extjs DateField完全操作

    考虑到extjs DateField的关键配置和主要操作

    为EXT写的月份选择控件

    往往是需要修改源码的方法,如: 修改Ext.DatePicker使得Ext.form.DateField只选择年月 等,但是修改源码有个不好的地方,如果ext升级了,又需要改一次,很不方便.干脆,就重写了一个月份选择控件.使用接口和DateField类似,...

    EXT日期格式说明

    对EXT日期格式进行汇总说明!!!!!!!!!!!

    Ext 表单布局实例代码

    //第二句的目的就是设置控件的错误信息显示位置,主要可选的位置有: var tdate = new Ext.form.DateField({ fieldLabel: ‘日期’, emptyText: ‘请选择日期’, format: ‘Y-m-d’, disabledDays: [0, 7] });...

    Extjs中DisplayField的日期或者数字格式化扩展

    所以我们必须使用 Ext.form.DisplayField,但是 Ext.form.DisplayField 没有一个format的属性,也不具备 renderer 这个事件,比如日期字段 var form = new Ext.form.FormPanel({frame: true,renderTo: ‘form-div’,...

Global site tag (gtag.js) - Google Analytics