码迷,mamicode.com
首页 > Web开发 > 详细

Extjs time

时间:2014-07-30 23:48:35      阅读:327      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   io   for   2014   cti   

Ext.form.field.Time拓展自Ext.form.field.Picker组件,是带下来选择框的时间框输入字段;并且有自动的时间验证功能;
bubuko.com,布布扣
代码示例:
(function(){
    Ext.onReady(function(){
        Ext.QuickTips.init();
        Ext.create(‘Ext.form.Panel‘,{
            title:‘Ext.form.field.Time示例‘,
            renderTo:Ext.getBody(),
            bodyPadding:5,
            frame:true,
            height:100,
            width:300,
            items:[{
                fieldLabel:‘时间选择框‘,
                xtype:‘timefield‘,
                width:220,
                labelSeparator:‘:‘,
                msgTarget:‘side‘,//在字段的右边显示一个提示信息
                autoFitErrors:false,//展示错误信息时是否自动调整字段组件宽度
                maxValue:‘18:00‘,//最大时间
                maxText:‘时间相应应大于{0}‘,//小于最小时间的提示信息;
                pickerMaxHeight:70,//下拉列表的最大高度;
                increment:60,//时间间隔60分钟;
                format:‘G时i分s秒‘,//G表示24时计时法
                invalidText:‘时间格式无效‘
            }]
        })
    });
})(); 
显示效果:
bubuko.com,布布扣

时间显示格式说明;
bubuko.com,布布扣 
bubuko.com,布布扣




Extjs time,布布扣,bubuko.com

Extjs time

标签:style   blog   http   color   io   for   2014   cti   

原文地址:http://www.cnblogs.com/babyhhcsy/p/3879255.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!