您的位置:首页 > 其它

Ext_时间选择框_Ext.form.TimeField

2010-04-11 17:53 696 查看
<mce:script type="text/javascript"><!--
/*
Ext.form.TimeField主要配置表:
altFormats         String           多个时间格式组成的字符串
format             String           显示格式(默认'g:i:A')
maxValue           Date/String      列表中允许的最大时间
maxText            String           最大时间错误提示信息
minValue           Date/String      列表中允许的最小时间
minText            String           最小时间错误提示信息
increment          Number           时间列表中相邻项间时间间隔(默认15分钟)
*/

Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = '../extjs2.0/resources/images/default/s.gif';

Ext.QuickTips.init();

Ext.form.Field.prototype.msgTarget = 'side';

var config = {
title:'',
labelSeparator:':',
labelWidth:80,
bodyStyle:'padding:5 5 5 5',
frame:true,
height:100,
width:300,
renderTo:'form',
items:[
new Ext.form.TimeField({
id:'time',
width:150,
maxValue:'18:00',                      //最大时间
maxText:'所选时间小于{0}',
minValue:'10:00',                      //最小时间
minText:'所选时间大于{0}',
maxHeight:70,
increment:60,                          //时间间隔
format:'G时i分s秒',                    //时间格式
invalidText:'时间格式无效',
fieldLabel:'时间选择框'
})
]
}

var form = new Ext.form.FormPanel(config);
});
// --></mce:script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: