ExtJs 日期选择没有清除按钮,增加一个清除按钮

/**
 * 日期选择增加清除按钮
 */
Ext.override(Ext.picker.Date,{
    onRender : function(container, position) {
        var me = this;
        me.clearBtn = new Ext.button.Button({
            ownerCt: me,
            ownerLayout: me.getComponentLayout(),
            text: '清除',
            tooltip: '清除日期',
            tooltipType: 'title',
            handler: me.selectClear,
            scope: me
        });
        this.clearBtn.ownerCt = this;
        this.callParent();
        var foot = Ext.DomQuery.selectNode('div.x-datepicker-footer a', this.el.dom);
        Ext.core.DomHelper.insertAfter(foot, {
            tag : 'a',
            cls:'clearbtn',
            style : 'border:0px;margin-left:15px;'
        }, true);
        this.clearBtn.render(Ext.DomQuery.selectNode('a.clearbtn',this.el.dom));
    },
    selectClear: function () {
        var me = this, btn = me.clearBtn, handler = me.handler;
        if (btn && !btn.disabled) {
            me.value = "";
            me.fireEvent('select', me, me.value);
            if (handler) {
                handler.call(me.scope || me, me, me.value);
            }
            me.onSelect();
        }
        return me;
    }
})


    ```                                  

![upload successful](/images/pasted-136.png)

![upload successful](/images/pasted-137.png)



前端     

本博客所有文章除特别声明外,均采用 CC BY-SA 3.0协议 。转载请注明出处!