方法一:
将下面的代码引入页面即可
Ext.override(Ext.menu.DateMenu, {
render : function() {
Ext.menu.DateMenu.superclass.render.call(this);
if (Ext.isGecko || Ext.isSafari ||Ext.isChrome) {
this.picker.el.dom.childNodes[0].style.width = '178px';
this.picker.el.dom.style.width = '178px';
}
}
});
方法二:
解决Ext.form.DateField在浏览器中显示可能有问题,界面将会拉的很长很长。如下图:
办法:
1:设置css的长度
- .x-date-menu {
- padding-top:2px;padding-bottom:2px;
- width:178px; //chrome下 自已设置适合宽度
- }
2: 操作dom:
- Ext.override(Ext.menu.DateMenu,{
- render : function(){
- Ext.menu.DateMenu.superclass.render.call(this);
- if(Ext.isGecko|| Ext.isSafari||Ext.isChrome){
- this.picker.el.dom.childNodes[0].style.width = '178px';
- this.picker.el.dom.style.width = '178px';
- }
- }
- });
问题2 :
确定和取消按钮没显示完全
解决:改css
- .x-date-mp-btns button{
- text-decoration:none;text-align:center;
- text-decoration:none!important;border:1px solid;padding:1px 3px 1px;
- cursor:pointer;
- width:35px;
- height:20px;
- }
问题3:
在chrome下月份和年选择不了,点击没反应,在firefox下 点击后 下拉出现后马上就消失了。
原因: 使用了ux-all.css,或者使用了GridFilter.css 里面的冲突了
- li.x-menu-list-item div {
- display: inline;
- }
解决: 暂时删除 display:inline;
参考:http://stackoverflow.com/questions/6410894/extjs-cant-select-month-year-in-datepicker
相关推荐
1. Ext.form.NumberField 2. Ext.form.TextArea 3. Ext.form.TriggerField 4. Ext.form.DateField 5. Ext.form.ComboBox 6. Ext.form.TimeField
NULL 博文链接:https://newlethe.iteye.com/blog/814634
1.此控件支持Ext3.2及以上版本 2.用法与Ext.form.DateField一样,xtype:'datetimefield' 3.不需要导入css或其他js 4.解决某些插件导入会显示对象未定义问题
Ext Extjs 禁止文本和日期编辑 ExtJS中动态设置TextField的readOnly属性
Ext扩展dateField时间控件,可以选择年月日、年月、年、月
53、Ext.form.DateField类 ………… 45 54、Ext.form.ComboBox类 ……………… 46 55、Ext.form.TimeField类 ………… 47 56、Ext.menu.Menu类 ………………… 50 57、Ext.menu.BaseItem类 …………… 50 58、Ext....
53、Ext.form.DateField类 ………… 45 54、Ext.form.ComboBox类 ……………… 46 55、Ext.form.TimeField类 ………… 47 56、Ext.menu.Menu类 ………………… 50 57、Ext.menu.BaseItem类 …………… 50 58、Ext....
ExtJs 的日期控件不带清空功能,项目有可能需要一个带清空功能的日期控件。
3.3 在chrome中调试 / 84 3.4 调试工具的总结 / 84 3.5 调试技巧 / 85 3.6 本章小结 / 89 第4章 ext js的基础架构 / 90 4.1 ext js框架的命名空间:ext / 90 4.1.1 概述 / 90 4.1.2 apply和applyif方法 / 90...
可以通过如下代码新建一个日期选择框: 代码如下: new Ext.form.DateField({ id: ‘diliveryDate’, format: ‘Y年m月d日’, maxValue: new Date(), minValue: ‘1900-01-01’, disabledDays: [0, 6], ...
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 表格常用功能...
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 DateField的关键配置和主要操作
往往是需要修改源码的方法,如: 修改Ext.DatePicker使得Ext.form.DateField只选择年月 等,但是修改源码有个不好的地方,如果ext升级了,又需要改一次,很不方便.干脆,就重写了一个月份选择控件.使用接口和DateField类似,...
extjs中,经常会用到datefield组件控制用户对日期的操作,比如日志管理,需要开始时间、结束时间,但是IE8下日期选择框会显示不全,解决方法参加代码。 同时改代码解决了开始时间、结束时间的时间范围控制的问题,即...
先有两种实现方式,一为重写Date.DatePicker和Ext.form.DateField控件的相应方法、另一种为单独做一个扩展扩建。 本JS文件在Ext3.1测试通过、若果要在高版本中使用,可参照例子重写相应源码的方法即可。
在ExtJs4.2表单控件里分别有个时间控件(datafield)和时间控件(timefield),但是官方提供的控件不能将日期和时分秒整合到一起,我从网上搜集整理了一个可用的选择日期时分秒的拓展控件,extjs版本是4.2,亲测能用,...
//第二句的目的就是设置控件的错误信息显示位置,主要可选的位置有: var tdate = new Ext.form.DateField({ fieldLabel: ‘日期’, emptyText: ‘请选择日期’, format: ‘Y-m-d’, disabledDays: [0, 7] });...
使用 Ext.form.FormPanel 来处理数据时候,某些字段是需要只读的。当然我们可以使用 Ext.form.TextField,然后设置成 ReadOnly,不过这样子的显示效果不是很好,因为始终会有个输入框。所以我们必须使用 Ext.form....
var birthday = new Ext.form.DateField({ renderTo : 'birthday', width : 150, format : 'Y-m-d H:i', menu : new Ext.ux.form.DateTimeMenu(), selectOnFocus : true, allowBlank : true, ...