/**
    @name Edo.controls.Date
    @class
    @typeName date
    @description 日期输入框
    @extend Edo.controls.Trigger
*/
Edo.controls.Date = function(config){    
    /**
        @name Edo.controls.Date#beforedatechange
        @event
        @description 日期改变事件                
        @property {Date} date 日期值
    */
    /**
        @name Edo.controls.Date#datechange
        @event
        @description 日期改变事件                
        @property {Date} date 日期值
    */

    Edo.controls.Date.superclass.constructor.call(this);    
    //this.date = new Date();
};
Edo.controls.Date.extend(Edo.controls.Trigger,{
    /**        
        @name Edo.controls.Date#enableResizePopup
        @property
        @default false
    */  
    enableResizePopup: false,
    /**        
        @name Edo.controls.Date#valueField
        @property
        @default date
    */
    valueField: 'date',
    /**        
        @name Edo.controls.Date#popupWidth
        @property
        @default 178
    */
    popupWidth: 178,
    /**        
        @name Edo.controls.Date#popupHeight
        @property
        @default auto
    */
    popupHeight: 'auto',
    /**        
        @name Edo.controls.Date#popupType
        @property
        @default ct
    */
    popupType: 'ct',
    /**        
        @name Edo.controls.Date#triggerPopup
        @property
        @default true
    */
    triggerPopup: true,
    
    
    
    /**
        @name Edo.controls.Date#format
        @property
        @type String
        @description 格式化显示日期字符串,显示在text上
    */    
    format: 'Y-m-d',
    /**
        @name Edo.controls.Date#inputFormat
        @property
        @type String
        @description 如果输入日期字符串,则用此格式化器得到日期对象
    */
    inputFormat: 'Y-m-dTH:i:s',
    /**
        @name Edo.controls.Date#date
        @property
        @type Date
        @description 日期,默认是今天
    */    
    
    elCls: 'e-text e-date',
    
    enableTime: true,
    
    datepickerClass: 'datepicker',
    
    valueFormat: false,
    
    getValue: function(){
        var v = Edo.controls.DatePicker.superclass.getValue.call(this);
        if(v && this.valueFormat) v = v.format(this.format);
        return v;
    },
    
    convertDate : function(date){
        var v = date;
        if(!Edo.isDate(date)) {
            date = Date.parseDate(v, this.inputFormat);
            if(!Edo.isDate(date)) date = Date.parseDate(v, this.format);
        }
        return date;
    },
    /**
        @name Edo.controls.Date#required
        @property
        @type Boolean
        @default true
        @description 是否不能为空
    */   
    required: true,
    _setRequired: function(v){
        if(this.required != v){
            this.required = v;
            if(this.datePicker){
               this.datePicker.set('required', v); 
            }
        }
    },
    _setDate: function(value){    
    //if(this.id == 'birthday') debugger
        value = this.convertDate(value);
        if(!Edo.isValue(value)) {
            value = null;
            if(this.required) return false;
        }
        
        if(this.date != value){
        
            if(this.fireEvent('beforedatechange', {
                type: 'beforedatechange',
                source: this,
                date: value
            }) == false) return;
        
            this.date = value;
            
            this._setText(value ? value.format(this.format) : '');
            
            this.changeProperty('date', value);
            
            this.fireEvent('datechange', {
                type: 'datechange',
                target: this,
                date: this.date
            });
        }
    },
    _dateChangeHandler: function(e){    
        if(this.datePicker && this.datePicker.created){
            this._setDate(e.date);
            this.hidePopup();
            this.focus();
        }
    },
    within: function(e){      //传递一个事件对象,判断是否在此控件的点击区域内.
    
        var r = false;
        if(this.datePicker) r = this.datePicker.within(e);      //datePicker有一些下拉框是脱离这个环境的
        return Edo.controls.Date.superclass.within.call(this, e) || r;
    },
    createPopup: function(){ 
    
        Edo.controls.Date.superclass.createPopup.apply(this, arguments);        
        
        if(!this.datePicker){
            this.datePicker = Edo.build({                
                type: this.datepickerClass,                
                width: '100%',
                height: '100%',
                date: this.date,
                required: this.required,
                onDatechange: this._dateChangeHandler.bind(this)                
            });
            
            this.popupCt.addChild(this.datePicker);
            
            //this.popupCt.doLayout();
        }else{
            this.datePicker.set('date', this.date);
        }
    },
    _onTextChange: function(e){   
        
        Edo.controls.Date.superclass._onTextChange.c(this, e);        
        
        this._setDate(this.text);        
    }
});
Edo.controls.Date.regType('date');