Datefield 显示问题,求解~~~
 var table = new Ext.FormPanel({
             frame:true,
             layout:'table',
             defaults: {
                 bodyStyle:'padding:1px;cursor:default;border:0px solid #fff;border-top-color:#fff;width:100%'
             },
             layoutConfig: {
             columns:4
             },
             items: [{
                width:270,
                labelWidth:70,
                labelAlign: 'right',
                layout:'form',
                fieldLabel: '起始日期',
                layout:'column',
                items:[{
                    xtype:'datefield',
                    value: new Date(),
                    format: 'Y-m-d',
                    name: 'rstartDate',
                    id:'rstartDate',
                    width:100
                },{
                    xtype:'datefield',
                    value: new Date(),
                    format:'Y-m-d',
                    name: 'rendDate',
                    id:'rendDate',
                    width:100
                }]
             },{
                ……代码省略
             }

 

显示结果是这样的

下面怎么显示出来,日期的说明文字?

日期在显示的时候还很窄:

 

怎么处理。。。。

4个回答

  1. fieldLabel配置只有父容器是FormLayout时才有效
  2. 如果是Ext3.x,试试这个补丁看看 [code="js"] Ext.override(Ext.DatePicker, { width : 200, onRender : Ext.DatePicker.prototype.onRender.createSequence(function(){ this.el.child('table').setWidth('100%'); }) }); [/code]

我也用过日期控件~而且是 日期时间一体的 当时也 遇到 控件显示不完整情况~然后用IE8的 开发人员工具 找到了 原来是底层的 EXTJS 最基本的 JS文件里面的高度给小了 ,你这个估计也是相同情况 也可以去这个文件看看ext-all.js

是可以变长的啊,日期控件的显示长度

var queryForm = new Ext.form.FormPanel({
labelalign : "left",
region : 'north',
method : 'POST',
height : 42,
// frame : true,
id : 'tzbgQueryCond_Form',
items : [{
xtype : 'container',
layout : 'column',
items : [{
xtype : 'container',
layout : 'form',
columnWidth : 0.2,
labelWidth : 60,
items : [{
xtype : 'combo',
fieldLabel : '状态范围',
anchor : '98%',
store : 'zhuangtaifanwei_Store',
mode : 'local',
displayField : 'text',
valueField : 'value',
emptyText : '请选择状态范围',
editable : false,
triggerAction : 'all',// 点击下拉按钮全部显示
hiddenName : 'dto.declareId'
}]
}, {
xtype : 'container',
layout : 'form',
columnWidth : 0.4,
labelWidth : 60,
items : [{
xtype : 'datefield',
fieldLabel : '起始时间',
anchor : '98%',
format : 'Y-m-d',
editable : false,
name : 'dto.dtchangeStart'
}]
}, {
xtype : 'container',
layout : 'form',
columnWidth : 0.2,
labelWidth : 60,
items : [{
xtype : 'datefield',
fieldLabel : '结束时间',
anchor : '98%',
format : 'Y-m-d',
editable : false,
name : 'dto.dtchangeEnd'
}]
}, {
xtype : 'container',
layout : 'column',
columnWidth : 0.2,
labelWidth : 60,
items : [{
xtype : 'button',
text : '快速查询',
iconCls : 'search',
width : 100,
id : 'tzbgQuickQuery_Btn'
}, {
xtype : 'button',
text : '一键重置',
iconCls : 'reset',
width : 100,
id : 'tzbgQuickReset_Btn'
}]
}]
}]
});

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
datefield的显示问题
话不多说,图如下[img=https://img-bbs.csdn.net/upload/201308/11/1376201010_571755.jpg][/img]rnxtype:'datefield' 点击时不能看见正常的时间控件样子
extjs datefield 显示问题
rnxtype:"datefield",rnformat:"Y-m-d",rnreadOnly:true,rnfieldLabel:"出生日期" rnrn在extjs中我设置了readOnly:true后就无法显示时间选择器~~~大家帮忙看下
extjs datefield 空间问题 求解
datefield 控件 怎么可以让它显示当天时间减一天 例如 今天 2012-07-04 让datefield 控件显示 2012-07-03 求解答
EXTJS DateField 效果显示
[img=C:\Documents and Settings\Administrator\桌面][/img]rnrn只显示了一半,谁能说一下怎么改就显示完整了。。。。
datefield的问题
怎么判断两个datefield的大小。rn也就是哪个先哪个后?
extjs4.0 中datefield控件显示问题
各位大侠们,如何让datefield控件只显示月份和年份选择页面,不让用户进行天数的选择,帮帮忙!!
关于DateField的时间显示问题
各位高手,我现在遇到一个比较麻烦的问题rnrn希望大家知道解决方法的不吝赐教rnrn是这样,我在页面的Form上放一个DateFieldrnrn让用户选择一下时间,rnrn我们的用户在北京,东八区.所以显示的时候就给DateField指定了TimeZonernrn设置在了东八区 rnrnDateField dateFieldrnrn = new DateField(null,DateField.TIME,TimeZone.getTimeZone("GMT+08:00"));rnrndateField.setTime(new Date(System.currentTimeMillis()));rnrn然后把这个控件放在了Form上rnrn运行测试的时候,DateField控件在显示的时候是分两屏显示的rnrn在第一屏上显示当前的系统时间,这个时间是东八区的正确时间,也就是北京时间rnrn然后点一下按扭,进入到第二屏,第二屏上显示的是一个时钟,时钟下面是数字的时间rnrn但是这个时钟和数字的时间都还是格林威治时间rnrn不知道各位高手有没有办法让第二屏上的时间也显示成北京时间rnrn谢谢大家
Extjs Datefield的格式问题
在editorGridPanel中有一列是Datefield类型,rnstore的定义是:fields : [name : 'leavetime',rn type : 'date',rn dateFormat: 'Y-m-d' rn ]rnrncm是这样定义的: this.cm = new Ext.grid.ColumnModel([rn id : "leavetime",rn header : "时间",rn sortable : true,rn width : 100,rn dataIndex : "leavetime",rn renderer:Ext.util.Format.dateRenderer('Y-m-d'),rn editor : new Ext.form.DateField(rn allowBlank : false,rn readOnly : this.readonlyflg,rn format: 'Y-m-d'rn )rn ])rnrn保存的时候日期post的值是:"leavetime":"2009-09-15T00:00:00"rnrn在服务器端用JSONObject.toBean()无法将这个日期字符串转换成Date类型,而被设置成了今天的默认日期了(日期在jsonObject中)rn// 生成子表modelrnTravelExpenseApplyDetail model = (TravelExpenseApplyDetail)JSONObject.toBean(jsonObject, TravelExpenseApplyDetail.class);rnrn如果是"2009-09-15"的格式就能转换,"2009-09-15T00:00:00"就不能转换!!!rn请问这个问题怎么解决???rnrnn[b]问题补充:[/b]n不行阿,数据库必须是date,java也必须是date类型的,不能改
ext 的datefield 相关问题
这是datefield的基本外观n![图片说明](https://img-ask.csdn.net/upload/201508/04/1438656090_402179.png)n这是点击图标后的外观n![图片说明](https://img-ask.csdn.net/upload/201508/04/1438656225_382790.png)n这是点击“2015年08月”下拉框后的外观n![图片说明](https://img-ask.csdn.net/upload/201508/04/1438656254_247698.png)nn我的问题是:点击下拉框后,编辑年月的事件怎么写,datefield没有这样的功能?nn这是我的代码。nn```n items : [ n fieldLabel: '起始日期',n xtype: 'datefield',n format: 'Ymd',n name: 'minIntTxnDt3',n id: 'minIntTxnDt3',n width: 180,n labelWidth: 60,n labelAlign:'right',n listeners: n //设置开始日期小于结束日期n 'select': function () n var start = Ext.getCmp('minIntTxnDt3').getValue();n Ext.getCmp('maxIntTxnDt3').setMinValue(start);n var endDate = Ext.getCmp('maxIntTxnDt3').getValue();n if (start > endDate) n Ext.getCmp('maxIntTxnDt3').setValue(start);n n n n ,n```nn
ext.net DateField时间控件问题
我用ext.net DateField时间控件在第一次加载页面的时候,它自动获取“0001/01/01 00:00:00”这个时间,怎么让它默认为空, 没有选择的时候在后台也为空, 时间格式:Format="yyyy-MM-dd"是这样的 喜页面显示“2013-02-20” 但是在后台获取的时候就变成了“2013/2/20 00:00:00”rnrn求解决:rn代码:rnrn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rnrn
Extjs4.0 datefield 问题
请问在已经选了时间后,怎么去除已选定的时间?
Extjs datefield的问题
rn xtype:"datefield",rn format: 'Y-m-d 12:00:00',rn readOnly:true,rn emptyText: '请选择日期',rn fieldLabel: '入住时间',rn allowBlank:false,rn blankText:"日期不允许为空",rn name: 'starttime',rn id:'starttime',rn minValue:, [color=#FF0000]//这里,我想设置成最小只能是今天,也就是最少必须选择当天,这个要怎么设置[/color]rn minText:'只能从今天开始'rn ,rn xtype:"datefield",rn format: 'Y-m-d 12:00:00', rn readOnly:true, rn emptyText: '请选择日期',rn fieldLabel: '离店日期',rn allowBlank:false,rn blankText:"日期不允许为空",rn name: 'endttime',rn id:'endttime',rn showToday:false,rn minValue:'', [color=#FF0000]//这里的最小值我要设置成比当天时间多一天,该如何弄呢?[/color]rn minText:'至少要大于今天'rn rnrnrn[color=#FF0000]还有,我想第一个选择了以后,第二个选择的日期必须比第一个选择的大,不能是同一天,该怎么办?[/color]rnrn还有一个就是默认的问题,怎么让一加载进来的时候就是默认在今天了?
DateField的值格式问题?
我用了一个DateField选择日期过滤当前grid中的数值,其中数值日期的格式都是2008-03-18格式rn可是DateField中选择的值不是“2008-03-12”格式怎么处理呢?
Ext4.0 datefield赋值问题
alert(result.repairTime.substr(0,11));//该行显示2012-07-03rnalert("2011-01-01");rnalert(new Date("2011-01-01"));//该行显示正常rnalert(new Date(result.repairTime.substr(0,11)));//该行显示Invalid Daternrnrnrn为什么会这样 rnrnresult.repairTime这个为后台传递过来的数据 2012-07-03 00.00.00.0rnrn求解 使用的是ext4.0
ext datefield问题
grid.on('rowclick', function(grid, rowIndex, event) rn var record = grid.getStore().getAt(rowIndex);rn addUserForm.getForm().loadRecord(record);rn );rn addWindow.setTitle("修改记录");rn addWindow.show();rn点击修改的时候,datefield控件不赋值,怎么能给datefield控件赋值呢
EXT4 datefield 的问题
最近用EXT4做了一个项目,其中有一部分需要datefield选中时间并输入到数据库中和数据库中的格式进行对比rn数据库中的时间格式为Y-M-D H:m:s 但是组件datefield选中后传入后台数据格式为 Mon Nov 21 2011 00:00:00 GMT+0800rn代码如下:rn fieldLabel: ' ',rn labelWidth : 10,rn submitFormat : 'Y-m-d',rn// nameColumnWidth : 20,rn forceFit : true,rn width : 250, rn selectOnFocus : true,rn// collapsible : false,rn xtype : 'datefield',rn id : 'date',rn format: 'Y-m-d',rn allowBlank: true,rn// groupBy: 'year,month,day',rn// altFormats: 'Y-m-d',rn// invalidText:'日期格式无效',rn其中format项只能使datefield选中后显示的数据显示为Y-m-d的形式 传入后台参数不变;rn在API中找到一个submitFormat据说是改变传往服务器的格式的 但是加入后 传入参数格式没有变化。rn求高手答疑解惑!!!!!!!!!
Ext dateField的问题
Ext.form.dateField加入window后,new的不是top.window,当点击日期选择控件时,显示的下拉选择框完全变型了。根本就看不到日期rn如果将window改成top.window,并且使用top.Ext.form.dateField,下拉选择日期能正常选择。rn可我不能用top.window,有什么办法?rn求助各位大虾,谢谢!
DateField存储格式的问题?
用editor : new Ext.form.DateField( format : 'Y年m月d日'rn )rnrn存储到数据库里面都是2008-08-08T00:00:00的形式,怎么把时间去掉呢?只存储2008-08-08或者显示2008年08月08日
ExtJS DateField的问题!
Ext中,rnDateField设置format : "Y-m-d H:i:s"rn为什么得到的时分秒总是0?rnrn或者是否有日期时间控件?
DateField的构造函数问题
小弟遇到一个莫名其妙的小错,大家帮忙看看rn在eclipse下,用WTK2.2,以下两句编译器皆告知不能解析DateField.DATE和setDatern这两个方法应该没错吧,难道又是版本问题?rnrnDateField dateField = new DateField("Date",DateField.DATE) ;rndateField .setDate(now);rnrn顺便问一下,1500左右买支持java的nokia,哪款比较合适?:#)
DateField不可用
求救:DateField如何实现不可用时,日期选择器不可以打开,但是文字颜色不变暗?
datefield小问题
问题1:extjs我用datefield选日期的时候是正确的,如下图:rn[img=https://img-bbs.csdn.net/upload/201411/20/1416450009_319783.png][/img]rnrn但是我点击上面的年月的时候出来一个界面,在上面应该可以选择具体的年月的,但我点击的时候没有自动填充到日期文本框。具体界面如下:rn[img=https://img-bbs.csdn.net/upload/201411/20/1416450084_374091.png][/img] 我应该怎么样才能使第二个界面生效,或者屏蔽掉第二个界面也行。rnrn问题二:rn我用xtype: 'datecolumn', 显示数据的时候为什么界面的日期总比服务器返回来的日期要大一天?我怎么样做才能让它和服务器返回来的日期一致?[img=https://img-bbs.csdn.net/upload/201411/20/1416450306_861285.png][/img]
DateField时间的问题
Date date=new Date();rndfdate.setDate(date);rnrn得到的时间是系统进入的时间,无论过多久只要软件不退出就显示的进入的时间,不会是系统的时间,这个需要怎么去改啊?就是说我用到这里时间控件了他这里就显示的当前时间,该怎么弄?谢谢
EXT3.2 版本Ext DateField显示日期时间方法
multi-lang.js:   MultiLangDemo = function() {    return {        init: function() {            Ext.QuickTips.init();                        new Ext.form.DateField({             renderTo: 'datefield'...
Ext的datefield在火狐下面显示过长解决办法
在页面CSS中加入如下代码即可解决 .x-date-middle { padding-top:2px; padding-bottom:2px; width:130px; }
Ext的datefield从后台取值 显示不了??
我要将grid中的一行数据 (包行datefield字段)传给弹出窗口 其他字段都可以显示 就是datefield字段 显示不了 ???不知道为啥? rnrn这个是form中的rnitems:[rnxtype:'datefield',fieldLabel:'发车日期',id:'fcsj',width:150,format:'Y-m-d H:i:s',style:'background:#F8F3F7',selectOnFocus:truern]rnrn在grid中可以正常显示datefield的值为 2010-09-30 13:19:23.000rn在数据库中fcsj 的类型为datetime rnrn EditFhxxInfoFns(row[0]);//传grid的一行记录到弹出窗口直接加载
自定义DateField
自定义flex DateField控件可选择时间,有源码。
Ext datefield
Ext.define('MyApp.view.MyPanel', rn extend: 'Ext.panel.Panel',rnrn height: 36,rn width: 583,rn layout: rn align: 'stretch',rn type: 'hbox'rn ,rn title: '',rnrn initComponent: function() rn var me = this;rnrn Ext.applyIf(me, rn items: [rn rn xtype: 'datefield',rn fieldLabel: 'Label',rn format:'Y-m-d'rn rn rn ]rn );rnrn me.callParent(arguments);rn rnrn);rnrn手动输入时,如输入2012-9-2 ,当焦点离开后,如何实现时间输入的时间变为2012-09-02
请教高手!!Extjs DateField在IE下显示过短
Extjs DateField在IE下显示过短
难道我的datefield有问题
我做了个关于datefield组件的例子rn以下是我的代码:rnExt.onReady(function()rn Ext.QuickTips.init();rn var myform=new Ext.FormPanel(rn frame:true,rn width:200,rn layout:"form",rn labelWidth:30,rn title:"dateditor简单示例",rn labelAlign:"left",rn renderTo:Ext.getBody(),rn items:[rn xtype:"datefield",rn fieldLabel:"生日",rn anchor:"99%"rn ]rn );rn);rnrn能正常的显示,但是当我点击了datefield旁边的按钮,想选择日期的时候,跳出来的是没有日期的框框,rn应该跳出来的是像日历一样的东东吧,但是我跳出来的却是没有日期的框框。我用的是extjs2.0版本的,难道这个版本不能显示日历?
extjs grid columns editor datefield 时间格式显示????
这是一个columnnn```n text:'Activated Date',n dataIndex:'activateDate',n filter:'date',n editor:n xtype: 'datefield',n format: 'Ymd',n value: Ext.Date.add(new Date(), Ext.Date.DAY, 0)n n```n在双击grid的行后,可以进行编辑,该列时间控件显示正常,选择的时间也正常,就是在选择时间后,点击save,该列时间显示为“Thu Sep 07 2017 00:00:00 GMT+0800 (中国标准时间)”这样的。n该列的显示格式是“20170906”这样的,现在问题是保存后的格式和想要的不同请问这该怎么做呢?n尝试过添加renderernnn```n renderer: function(value) n return value.format("Y-m-d");n n```n可是结果,那一列添加上面这该renderer,后几列就显示空白,原本的数据全部消失,不显示,这又是什么怪问题?nn
extJs datefield组件位置显示不对
ExtJs datefield组件位置显示不对,第一次点击菜单的时候显示正确了,但是第二次再点菜单的时候,就出现了显示错误,我的datefield代码如下:rn rn name:'sds',rn// id:'sds',rn xtype : "datefield",rn minWidth : 60,rn format:'Y-m-d',rn invalidText:'请输入正确的日期',rn maxValue:new Date(),rn anchor:'100%'rn rn当我把ID去掉了之后就可以了,但是有个问题,我需要把在js里面取得这个datefield组件的值,传到后台去处理,怎么样可以通过name属性来取得值呢?
ext datefield 后台取值问题
项目中使用到了extjs,在前台通过extjs的textfield向后台提交数据,后台可以接到值,但是将textfield换成datefield就不行了,经过查询,发现是getValue的问题。因为我在js中对DateField进行了格式化(Y-m-d),用getRawValue方法就可以取到输入的值了。 参考以下资料: 问: 我在一个toolbar上有个时间控件和按钮,当我选择日期后...
关于ExtJs中的datefield问题
小弟在项目中使用了ExtJs的datefieldrn为了防止用户输入,将其设置为只读,代码片段如下:rnfieldLabel:'年龄',id:'txtAge',readOnly:true,rn但是用户还是可以编辑rn再设置成disabled又不合适,大家有什么好办法吗?rn对了,我的Ext为3.2的版本,谢谢
xtype:datefield怎么显示具体时间
显示具体时间,怎么引入带时分秒的js,format怎么设置,在线等
label 显示问题,求解
用三层做的:rnrnint id = int.Parse(Request.QueryString["id"]);rnLabel1.Text= (BLL.ProductBLL.GetInfo(id).ToString());rnrnLabel1上显示是System.Data.DataSet rnrn我预期是显示的是显示数据库里的一条数据!rn求解啊
自定义组件显示问题,求解!!!!!!
自己写了个日期类,有4个列表框组成rn分别显示年,月,日,小时rn类如下:rnfunction customDate(year,month,day,hour)rn//属性rn this.year=year;rn this.month=month;rn this.day=day;rn this.hour=hour;rn//方法rn this.setyearSelect();rn this.setmonthSelect();rn this.setdaySelect();rn this.sethourSelect();rn this.getdate();rnrn this.createDate(obj);rnrnfunction createDate(obj)rnrn obj.innerHTML="";rn rn this.setyearSelect();rn this.setmonthSelect();rn this.setdaySelect();rn this.sethourSelect();rn return this;rnrnrnfunction setyearSelect()rn var d=new Date();rn var y=d.getYear();rn for(var i =0;i<5;i++)rn var opt=document.createElement("OPTION");rn this.year.add(opt);rn opt.innerText=y;rn opt.value=y;rn y++;rn rnrnrnfunction setmonthSelect()rn var d=new Date();rn for(var i=1;i<13;i++)rn var opt=document.createElement("OPTION");rn this.month.add(opt);rn if(i==d.getMonth()) opt.selected=true;rn opt.innerText=i;rn opt.value=i; rn rnrnrnfunction setdaySelect()rn var y=this.year.value;rn var m=this.month.value;rn switch(m)rn case 1:rn case 3:rn case 5:rn case 7:rn case 8:rn case 10:rn case 12:rn d=31;rn break;rn case 4:rn case 6:rn case 9:rn case 11:rn d=30;rn break;rn case 2:rn if(y%400==0||(y%100==0||y%4!=0))rn d=29;rn elsern d=28;rn break;rn rn for(var i=1;i<=d;i++)rn var opt=document.createElement("OPTION");rn this.day.add(opt);rn if(i==this.day.value) opt.selected=true;rn opt.innerText=i;rn opt.value=i;rnrn rnrnrnfunction sethourSelect()rn var d=new Date();rn for(i=0;i<24;i++)rn var opt=document.createElement("OPTION");rn this.hour.add(opt);rn if(i==d.getHours()) opt.selected=true;rn opt.innerText=i;rn opt.value=i;rn rnrnrnfunction getdate()rn var s="";rn s+=this.year.value+"-";rn s+=this.month.value+"-";rn s+=this.day.value+" ";rn s+=this.hour.value+":00:00";rn return s;rnrnrn问题:(类不完善,大侠们有修改意见也多多发表)rn1、写这个类的目的是让它在表格个一个单元格中显示出来,这个表格的行也是动态的插入的,rn我怎么在插入行的时候把它加到单元格中?(行可能多次插入)rn2、怎么把列表框的时间和类的方法绑到一起,意思就是说,在点击列表框调整时间的时候调用类的指定方法?
按钮显示问题~求解
在一个单选按钮下设置了几个输入文本框 如何点击这个单选按纽时显示文本框呢rn精确搜索 rn rn rn rn 书名:rn rnrn rn 作者:rn...rn本人不懂JavaScript语言 rn
图形显示问题,求解...
问题如下:rn[code=C/C++]rn图形种类 显示时间rnA tarnB tbrnC tcrn.....rn[/code]rn图形种类很多,每种图形显示时间是固定的,每次显示一种图形rn比如说本次显示图形A,显示5秒后擦除,然后显示图形B,显示3秒后擦除再显示C,显示4秒后擦除显示B..........一直把所有图形显示完为止rn难点是我如何是控制这个Timer,让图形按规定的时间进行显示?
数据显示问题,求解~~~~
表如下:rn rn 日期 1 2 3 。。。。。。。31 //表示1号 到31号 下面显示数据rnrn 2009-09 1 2 3 。。。。。。。31rn 2009-10 1 1 3 。。。。。。30 [color=#FF6600]无(默认值)[/color] //当月没有的日期显示默认值rn 2009-11 1 2 3 。。。。。。。31rn 。rn 。rn 。rn这样一直显示15行,这样的数据我应该怎么写才能正常的显示?rnrn还有就是如果我只修改了其中的任何一行,应该怎么保存。。。rnrn一打开这个显示页面怎么就能看出来当天时间在数据中显示的位置,或者是不同的颜色
相关热词 c# 线程结束时执行 c# kb mb 图片 c# 替换第几位字符 c#项目决定成败 c# 与matlab c# xml缩进 c#传感器基础 c#操作wps c# md5使用方法 c# 引用父窗口的组件