//覆蓋 Ext.picker.Date 

Ext.define('BSS.view.product.option.DatePicker', {
    extend: 'Ext.picker.Date',
    requires: [],

config:{
     offSeasonDate:[],
     busySeasonDate:[]
},

/**
 * Update the contents of the picker for a new month
 * @private
 * @param {Date} date The new date
 */
fullUpdate: function(date) {
    var me = this,
        cells = me.cells.elements,
        textNodes = me.textNodes,
        disabledCls = me.disabledCellCls,
        eDate = Ext.Date,
        i = 0,
        extraDays = 0,
        newDate = +eDate.clearTime(date, true),
        today = +eDate.clearTime(new Date()),
        min = me.minDate ? eDate.clearTime(me.minDate, true) : Number.NEGATIVE_INFINITY,
        max = me.maxDate ? eDate.clearTime(me.maxDate, true) : Number.POSITIVE_INFINITY,
        ddMatch = me.disabledDatesRE,
        ddText = me.disabledDatesText,
        ddays = me.disabledDays ? me.disabledDays.join('') : false,
        ddaysText = me.disabledDaysText,
        format = me.format,
        days = eDate.getDaysInMonth(date),
        firstOfMonth = eDate.getFirstDateOfMonth(date),
        startingPos = firstOfMonth.getDay() - me.startDay,
        previousMonth = eDate.add(date, eDate.MONTH, -1),
        ariaTitleDateFormat = me.ariaTitleDateFormat,
        prevStart, current, disableToday, tempDate, setCellClass, html, cls,
        formatValue, value,
        offSeasonDate = me.offSeasonDate,
        busySeasonDate = me.busySeasonDate;

    if (startingPos < 0) {
        startingPos += 7;
    }

    days += startingPos;
    prevStart = eDate.getDaysInMonth(previousMonth) - startingPos;
    current = new Date(previousMonth.getFullYear(), previousMonth.getMonth(), prevStart, me.initHour);

    if (me.showToday) {
        tempDate = eDate.clearTime(new Date());
        disableToday = (tempDate < min || tempDate > max ||
        (ddMatch && format && ddMatch.test(eDate.dateFormat(tempDate, format))) ||
        (ddays && ddays.indexOf(tempDate.getDay()) != -1));

        if (!me.disabled) {
            me.todayBtn.setDisabled(disableToday);
        }
    }

    setCellClass = function(cellIndex, cls){
        var cell = cells[cellIndex];

        value = +eDate.clearTime(current, true);
        cell.setAttribute('aria-label', eDate.format(current, ariaTitleDateFormat));
        // store dateValue number as an expando
        cell.firstChild.dateValue = value;
        if (value == today) {
            cls += ' ' + me.todayCls;
            cell.firstChild.title = me.todayText;

            // Extra element for ARIA purposes
            me.todayElSpan = Ext.DomHelper.append(cell.firstChild, {
                tag: 'span',
                cls: Ext.baseCSSPrefix + 'hidden-clip',
                html: me.todayText
            }, true);
        }
        if (value == newDate) {
            me.activeCell = cell;
            me.eventEl.dom.setAttribute('aria-activedescendant', cell.id);
            cell.setAttribute('aria-selected', true);
            cls += ' ' + me.selectedCls;
            me.fireEvent('highlightitem', me, cell);
        } else {
            cell.setAttribute('aria-selected', false);
        }

        if (value < min) {
            cls += ' ' + disabledCls;
            cell.setAttribute('aria-label', me.minText);
        }
        else if (value > max) {
            cls += ' ' + disabledCls;
            cell.setAttribute('aria-label', me.maxText);
        }
        else if (ddays && ddays.indexOf(current.getDay()) !== -1){
            cell.setAttribute('aria-label', ddaysText);
            cls += ' ' + disabledCls;
        }
        else if (ddMatch && format){
            formatValue = eDate.dateFormat(current, format);
            if(ddMatch.test(formatValue)){
                cell.setAttribute('aria-label', ddText.replace('%0', formatValue));
                cls += ' ' + disabledCls;
            }
        }
        var valueDateString = Ext.Date.format(new Date(value), 'Y-m-d');
        設(shè)置淡季高亮?xí)r間
         for(var j=0;j<offSeasonDate.length;j++){
            if(Ext.Date.format(new Date(offSeasonDate[j]), 'Y-m-d') == valueDateString){
                cls += ' ' + ‘off-season-date';
                break;
            }
        }
           
      //設(shè)置旺季高亮?xí)r間
            for(var j=0;j<busySeasonDate.length;j++){
                if(Ext.Date.format(new Date(busySeasonDate[j]), 'Y-m-d') == valueDateString){
                cls += ' ' + ‘busy-season-date';
                break;
            }
        }
        cell.className = cls + ' ' + me.cellCls;
    };

    for(; i < me.numDays; ++i) {
        if (i < startingPos) {
            html = (++prevStart);
            cls = me.prevCls;
        } else if (i >= days) {
            html = (++extraDays);
            cls = me.nextCls;
        } else {
            html = i - startingPos + 1;
            cls = me.activeCls;
        }

        textNodes[i].innerHTML = html;
        current.setDate(current.getDate() + 1);
        setCellClass(i, cls);
    }

    me.monthBtn.setText(Ext.Date.format(date, me.monthYearFormat));
}
});

//創(chuàng)建datepicker插件

{
                        xtype: 'datefield',
                        name: 'date',
                        minValue:new Date(),
                        value: new Date(),
                        format: 'Y-m-d', 
                        padding:'0 15 0 0',
                        pickerAlign:'br-l?',
                        createPicker:function(){
                            var me = this,
                                format = Ext.String.format;

                            var availableDates = me.up("product-option-main").getViewModel().get("availableDates");

                            // Create floating Picker BoundList. It will acquire a floatParent by looking up
                            // its ancestor hierarchy (Pickers use their pickerField property as an upward link)
                            // for a floating component.
                            return Ext.create('BSS.view.product.option.DatePicker',{
                                pickerField: me,
                                floating: true,
                                preventRefocus: true,
                                hidden: true,
                                minDate: me.minValue,
                                maxDate: me.maxValue,
                                disabledDatesRE: me.disabledDatesRE,
                                disabledDatesText: me.disabledDatesText,
                                ariaDisabledDatesText: me.ariaDisabledDatesText,
                                disabledDays: me.disabledDays,
                                disabledDaysText: me.disabledDaysText,
                                ariaDisabledDaysText: me.ariaDisabledDaysText,
                                format: me.format,
                                showToday: me.showToday,
                                startDay: me.startDay,
                                minText: format(me.minText, me.formatDate(me.minValue)),
                                ariaMinText: format(me.ariaMinText, me.formatDate(me.minValue, me.ariaFormat)),
                                maxText: format(me.maxText, me.formatDate(me.maxValue)),
                                ariaMaxText: format(me.ariaMaxText, me.formatDate(me.maxValue, me.ariaFormat)),
                                listeners: {
                                    scope: me,
                                    select: me.onSelect
                                },
                                keyNavConfig: {
                                    esc: function() {
                                        me.inputEl.focus();
                                        me.collapse();
                                    }
                                },
                               offSeasonDate:offSeasonDate,
                               busySeasonDate:busySeasonDate
                            });
                        }
                    }

Ext.Ajax.request({
url: 'systemfunction/airlineCode/' + airlineCode,
timeout: 60000,    method: 'POST',    headers: {'Content-Type': 'application/json'},    success: function (res) {        var result = Ext.util.JSON.decode(res.responseText);        if (result.success) {            var flowModel = result.data;            me.flowEditView(flowModel);        } else {            //Ext.Msg.alert({            //    title:me.getView().COMMIT_FAILED,            //    msg: result.msg,            //    buttons: Ext.Msg.OK,            //    icon: Ext.Msg.WARNING            //});        }    },    failure: function (res) {        //Ext.Msg.alert({        //    title: view.NETWORK_CONNECTION_FAILURE,        //    msg: res.responseText,        //    buttons: Ext.Msg.OK,        //    icon: Ext.Msg.WARNING        //});
}

})