0 0

extjs datefield中的日历错位异常5

在浏览器里运行这段代码:
items : [{ 
            fieldLabel : '文本框控件', 
            name : 'TextBox', 
            xtype : 'textfield' 
            //,readOnly : true            //只读 
            //,emptyText    :'请输入数据'    //为空时显示的文本,注意不是value 
        }, { 
            fieldLabel : '只允许输入数字', 
            name : 'TextBoxNumber', 
            xtype : 'numberfield' 
            //,allowDecimals: false     // 允许小数点 
            //,allowNegative: false,     // 允许负数 
            //,maxValue:1000      //最大值 
            //,minValue:0            //最小值 
        }, { 
            fieldLabel : '下拉框控件', 
            name : 'DropDownList', 
            xtype : 'combo', 
            //mode : 'local', 
            displayField : "Name", 
            //设置为选项的value的字段 
            valueField : "Id", 
            //是否可以输入,还是只能选择下拉框中的选项 
            editable : false, 
            typeAhead : true, 
            //必须选择一项 
            //forceSelection: true, 
            //输入部分选项内容匹配的时候显示所有的选项 
            triggerAction : 'all', 
            //selectOnFocus:true, 
            //数据 
            store : new Ext.data.SimpleStore({ 
                fields : ['Id', 'Name'], 
                data : [[1, '男'], [0, '女']] 
            }) 
        }, { 
            fieldLabel : '日历控件', 
            xtype : 'datefield', 
            name : 'DateControl', 
            format : "Y-m-d", 
            editable : false 
            //, 默认当前日期 
            //value:new Date().dateFormat('Y-m-d') 
        }]
出现这样的效果:

这是什么原因呢?因该怎么解决?有没有遇到过同样情况的朋友。
2013年12月31日 11:20
  • 大小: 3.8 KB
目前还没有答案

相关推荐

    extjs DateField完全操作

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

    ExtJs 带清空功能的日期组件

    DateField提供了一个日期选择器,允许用户通过日历图标选择日期,或者直接在文本框中输入日期。默认情况下,它会按照指定的格式显示和验证日期。 要创建一个带清空功能的DateField,我们需要实现以下几个步骤: 1....

    extjs年份控件(只显示年,无月日时分秒)

    Extjs DateField控件 - 只选择年份(找了很久发现网上只有选择年月的控件,于是基于extjs年月控件设计了只选择年份的控件)

    extjs中 google 不兼容 datefield 控件

    在使用ExtJS进行Web开发时,部分开发者可能会遇到这样一个问题:当使用DateField控件时,在Google Chrome浏览器中出现样式错乱或其他显示异常的情况。这主要是因为Chrome浏览器的一些特性和ExtJS中的默认设置之间...

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

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

    extjs中dateField日期精确到时分秒的扩展控件

    在EXTJS这个强大的JavaScript框架中,DateField是一个用于输入日期的控件,通常它只允许用户选择年、月、日。然而,在某些情况下,我们可能需要将日期字段扩展到包括小时、分钟和秒,以便更精确地管理时间数据。这篇...

    基于extjs框架实现的双日历功能

    基于extjs框架实现的双日历功能

    sencha touch和ExtJS使用的日历插件

    在这个场景中,我们关注的是它们的一个特定组件——日历插件。 日历插件在前端开发中扮演着重要角色,它为用户界面添加了时间管理和日程安排的功能。Sencha Touch和ExtJS的日历插件通常包含以下核心特性: 1. **多...

    ExtJs6.5 日历导航+日历月视图面板.rar

    1. **日历导航**: 在ExtJS中,日历导航通常涉及到日期选择器和时间选择器组件,如`Ext.picker.Date`和`Ext.picker.Time`。这些组件允许用户选择日期或时间,并且可以自定义显示格式和选择范围。在日历导航中,可能会...

    extjs4.2 datetime控件

    在ExtJS 4.2版本中,开发者可以使用DateTime控件来处理日期和时间的选择与显示,这尤其适用于需要精确到时分秒的场景。这个控件是ExtJS对基础日期选择器的扩展,增加了对时间部分的细致控制。 DateTime控件在ExtJS ...

    真正的Extjs 4.2 支持时间选择的日历扩展

    在标题提到的"真正的Extjs 4.2 支持时间选择的日历扩展"中,我们关注的是一个特定的日历组件,它增强了ExtJS 4.2的基本功能,添加了对时间选择的支持。这意味着用户不仅可以选择日期,还可以选择具体的时间,这在...

    extjs4.2.3 datefield的bug解决

    extjs4.2.3 datefield不可选择年月bug 选择本月日期的部分是没有问题的。 点击头部显示选择年月的picker时,不能点击选择,一点组件就消失。 需要下载附件后引入就可以了

    ExtJs3.3中文API.CHM_extjs3.3中文文档_

    在"ExtJs3.3中文API.CHM"中,开发者可以找到关于ExtJS 3.3的所有API和类的详细描述,以及相关的示例代码。 ExtJS 3.3的核心特性包括: 1. **组件化**:ExtJS基于组件模型,提供了一系列预定义的UI组件,如按钮、...

    ExtJS 日历控件 demo (modern版本)

    ExtJS6 modern版 日历控件的demo,可以 搜索文章 “ExtJS 日历Calendar 控件 使用”来参考使用

    extjs 4.1.1a datetimefield 日期时间选择框(修改版)

    在ExtJS中,DateTimeField通常结合DateField和TimeField组件一起工作,允许用户分别选择日期和时间,或者在一个统一的输入框中选择完整的日期时间值。DateTimeField提供了许多配置选项,如日期和时间格式、默认值、...

    Extjs6 日历记事本

    Extjs6通过iframe嵌入使用,因为项目庞大,只摘取了主要代码,大家参考使用。 实现了简单的日历的记事功能,可获取、添加、修改等~ 大家可以参考我的简书:https://www.jianshu.com/p/90f701e24e68

    extjs 自动为必填项增加提示后缀

    extjs 自动为必填项增加提示后缀,如题此js代码可以为必填时使用,样例功能为在必填项后增加红色星号,如: 编码*(当然此星色为红色),也可以修改成其它内容符号、文字等

    CalendarMatrix:EXTJS 增强型日历组件,用于自定义样式的日历网格。 支持只读、范围选择、多选、单日期选择

    日历矩阵EXTJS 增强型日历组件,用于自定义样式的日历网格。 支持只读、范围选择、多选和单日期选择。 CalendarMatrix 是一个 EXTJS 5.x 组件,它扩展了 Ext.picker.Date 以在 Sencha 的日期选择器组件的实现中提供...

    Ext DateField控件 - 只选择年月

    开发者可能通过重写或者添加特定的配置,使得原本的DateField控件在弹出的日历选择器中只显示年和月,而隐藏或者禁用日的选择。这通常涉及到对控件的模板、事件监听器以及选择器逻辑的调整。 源码分析方面,`...

    ExtJS3.0中文API

    绝对的ExtJS3.0中文API,本人在网上找了好久才找到的,在此奉献给大家!!解压后有30多兆!!

Global site tag (gtag.js) - Google Analytics