Javascript 如何覆盖extjs现代日期选择器

Javascript 如何覆盖extjs现代日期选择器,javascript,extjs,datepicker,extjs6-modern,Javascript,Extjs,Datepicker,Extjs6 Modern,在extjs6.2.0现代工具包中,日期选择器非常奇怪——它有三个槽(日、月、年)。但我真的需要知道每个日期的星期几,就像普通的日期采集器一样。 如何覆盖现有的日期选择器以突出显示周末或将周中的某一天写在天数附近?我刚刚通过使用自定义日期选择器解决了这个问题,该日期选择器可在任何时间段更改时更改天的文本 Ext.define('App.field.DateDayPicker', { extend: 'Ext.field.DatePicker', alias: 'widget.da

在extjs6.2.0现代工具包中,日期选择器非常奇怪——它有三个槽(日、月、年)。但我真的需要知道每个日期的星期几,就像普通的日期采集器一样。


如何覆盖现有的日期选择器以突出显示周末或将周中的某一天写在天数附近?

我刚刚通过使用自定义日期选择器解决了这个问题,该日期选择器可在任何时间段更改时更改天的文本

Ext.define('App.field.DateDayPicker', {
    extend: 'Ext.field.DatePicker',
    alias: 'widget.datepickerdayfield',

    requires: [
        'App.picker.DateDay'
    ],

    picker: {
        xtype: 'datepickerday'
    }
});

Ext.define('App.picker.DateDay', {
    extend: 'Ext.picker.Date',
    alias: 'widget.datepickerday',

    onSlotPick: function () {
        this.callParent(arguments);

        var value = this.getValue();
        var store = this.daySlot.getStore();

        store.each(function (day) {
            var dayDate = day.get('value');
            var year = value.getFullYear();
            var month = value.getMonth();
            var date = new Date(year, month, dayDate);
            var text = Ext.Date.format(date, 'j D');

            day.set('text', text);
        });
    }
});