timefield demo

最新推荐文章于 2019-05-06 08:13:40 发布

原创最新推荐文章于 2019-05-06 08:13:40 发布 · 139 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT #JavaScript #prototype #ViewUI

ext 专栏收录该内容

17 篇文章

订阅专栏

<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>