Ext_日期选择框_Ext.form.DateField(转)

<mce:script type="text/javascript"><!--
/*
Ext.form.DateField主要配置表:
altFormats              String              多个日期输入格式组成字符串,不同格式用|隔开
disabledDates           Array               禁止选择日期组成数组
disabledDatesText       String              禁止选择日期错误提示
disabledDays            Array               禁止星期组成数组
disabledDaysText        String              禁止星期错误提示
format                  String              日期格式(默认'm/d/y')
maxValue                Date/String         允许选择最大日期
maxText                 String              最大日期错误信息提示
minValue                Date/String         允许选择最小日期
minText                 String              最小日期错误信息提示

["09/16/2003","03/08/2003"]           禁止选09/16/2003和03/08/2003
["03/08","09/16"]                     禁止选每年03/08和09/16
["^03/08"]                            匹配日期开始部分,禁止选每年03/08
["03/../2006"]                        禁止选2006年3月的任何一天
["^03"]                               禁止选任何3月的任何一天
*/

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.DateField({
                id:'date',
                format:'Y年m月d日',
                maxValue:'12/31/2008',
                maxText:'所选日期小于{0}',
                minValue:'01/01/2008',
                disabledDates:["2008年03月12日"],             //禁止选择2008年03月12日
                width:150,
                fieldLabel:'日期选择'
            })
        ]
    }
    
    var form = new Ext.form.FormPanel(config);
});
// --></mce:script>

 

posted @ 2015-03-31 11:06  提笔就忘字儿  阅读(671)  评论(0编辑  收藏  举报