本文目录一览:
- 1、ExtJs 3.4 日期控件DateField的范围控制
- 2、extjs如何调用日期控件
- 3、extjs 如何禁用日期时间控件
- 4、extjs4中日期怎么比较大小?
- 5、Extjs时间控件
- 6、本人想使用EXT的时间控件,但是同时能够选择到时分秒,求大神帮助!
ExtJs 3.4 日期控件DateField的范围控制
就是要这样的效果吧。
{
xtype:'datefield',
width:'70',
format: "Y-m-d",
id:'date',
value:new Date(),
disabledDays :[0,1,2,3,4,6] //这样加这个属性,禁用日期
}
extjs如何调用日期控件
{
xtype: "datefield",
name: "date",
fieldLabel: "日期",
editable: true,
emptyText: "--请选择--",
format: "Y-m-d",//日期的格式
altFormats: "Y/m/d|Ymd",
width: 180
}
上面是在Ext.form.Panel 中的直接在items中加入日期控件,上面一些参数也很好理解,如果有疑问可以查看ext.4.2.1的api,这个也是该版本的用法,如果是其他版本,请查看实际引入的版本的api,但是大体用法都是一直的。
extjs 如何禁用日期时间控件
1、extjs日期控件禁用:设置editable:false这个属性即可。
editable:是否可编辑,默认为true 。
2、Extjs日期控件禁止用户输入(设置readOnly为true):
JScript 代码 :
{
xtype:"datefield",
format:"Y-m-d",
value:"1986-12-25",
readOnly:true, //设置为true为只读状态,禁止用户输入
fieldLabel:"Birth"
}
3、extjs DateField 的值用getValue()方法获取后是一大堆字符串,类似Tue Dec 07 2010 00:00:00 GMT 0800,存入数据库需要格式化一下,用EXT的Ext.util.Format.date()方法:
var gedt = Ext.util.Format.date(日期控件.getValue(), 'Y-m-d');
出来的日期格式就是 2010-10-10。
extjs4中日期怎么比较大小?
可以使用change事件,先获取到第一个时间,
var firstTimeValue = form.findField('firstTime').getValue();
然后对第二个时间做change事件,
'form timefield':{
change:function(timefield){
var secondTimeValue = timefield.getValue();
if( firstTimeValue secondTimeValue ){
Ext.Msg.show({
title:'提示',
msg: '时间输入不正确(开始日期不能大于结束日期)',
buttons: Ext.Msg.OK,
icon: Ext.Msg.ERROR
});
}
}
},
Extjs时间控件
格式设置有问题
试一试这样的
format:'Y年m月d日', 或者format:'Y-m'
本人想使用EXT的时间控件,但是同时能够选择到时分秒,求大神帮助!
/*亲!现在ExtJs已经是4.0了 4.0和以前的版本简直是天壤之别*/
var task =
{
run : function()
{
msgBox.updateText("会动的时间:"+Ext.util.Format.date(new Date(),"Y-m-d g:i:s A"));
},
interval : 1000
};
Ext.TaskManager.start(task);