시간 컨트롤 은 년 과 월 만 선택 합 니 다.

3649 단어
  •     js 파일 을 dateYM 으로 저장 합 니 다.js 파일
    Ext.ux.MonthPickerPlugin = function() {   
        var picker;   
        var oldDateDefaults;   
      
        this.init = function(pk) {   
            picker = pk;   
            picker.onTriggerClick = picker.onTriggerClick.createSequence(onClick);   
            picker.getValue = picker.getValue.createInterceptor(setDefaultMonthDay).createSequence(restoreDefaultMonthDay);   
            picker.beforeBlur = picker.beforeBlur.createInterceptor(setDefaultMonthDay).createSequence(restoreDefaultMonthDay);   
        };   
      
        function setDefaultMonthDay() {   
            oldDateDefaults = Date.defaults.d;   
            Date.defaults.d = 1;   
            return true;   
        }   
      
        function restoreDefaultMonthDay(ret) {   
            Date.defaults.d = oldDateDefaults;   
            return ret;   
        }   
      
        function onClick(e, el, opt) {   
            var p = picker.menu.picker;   
            p.activeDate = p.activeDate.getFirstDateOfMonth();   
            if (p.value) {   
                p.value = p.value.getFirstDateOfMonth();   
            }   
      
            p.showMonthPicker();   
               
            if (!p.disabled) {   
                p.monthPicker.stopFx();   
                p.monthPicker.show();   
       // if you want to click,you can the dblclick event change click  
                p.mun(p.monthPicker, 'click', p.onMonthClick, p);   
                p.mun(p.monthPicker, 'click', p.onMonthDblClick, p);   
                p.onMonthClick = p.onMonthClick.createSequence(pickerClick);   
                p.onMonthDblClick = p.onMonthDblClick.createSequence(pickerDblclick);   
                p.mon(p.monthPicker, 'click', p.onMonthClick, p);   
                p.mon(p.monthPicker, 'click', p.onMonthDblClick, p);   
            }   
        }   
      
        function pickerClick(e, t) {   
            var el = new Ext.Element(t);   
            if (el.is('button.x-date-mp-cancel')) {   
                picker.menu.hide();   
            } else if(el.is('button.x-date-mp-ok')) {   
                var p = picker.menu.picker;   
                p.setValue(p.activeDate);   
                p.fireEvent('select', p, p.value);   
            }   
        }   
      
        function pickerDblclick(e, t) {   
            var el = new Ext.Element(t);   
            if (el.parent()   
                && (el.parent().is('td.x-date-mp-month')   
                || el.parent().is('td.x-date-mp-year'))) {   
      
                var p = picker.menu.picker;   
                p.setValue(p.activeDate);   
                p.fireEvent('select', p, p.value);   
            }   
        }   
    };   
      
    Ext.preg('monthPickerPlugin', Ext.ux.MonthPickerPlugin);   
  • 사용
    <script type="text/javascript" src="<%=path%>/js/dateYM.js"></script>
    		dateYm ={  
                    xtype: 'datefield',  
                    id: 'time',
                    name:'time',
                    width:130,  
                    fieldLabel: 'Choose month',  
                    plugins: 'monthPickerPlugin',  
                    format: 'Y-m',  
                    editable: false//,  
                    //readOnly: true  
            };   
     
  • 좋은 웹페이지 즐겨찾기