需要在EXTJ的时间字段中显示07:00、15:00、23:00(增加8小时）

这里有一个小问题，因为时间选择器的工作方式与您尝试的不同。我会把它分解，这样你就有了一个想法：

1） 获取24小时内的所有时间（从00到23）。

2） 每increment分钟将使用一种方法将时间从00推至23。例如（如果设置increment: 60，则会得到00:00、01:00、02:00）

3） 此数据集将返回到您的时间字段，并将使用您的minValue和MaxValue 对其应用过滤器

因此，使用480的设置，您将得到：00:00，08:00，下午16:00

然后应用过滤器（minValue: 07:00和maxValue: 23:00）将去掉第一个过滤器，剩下08:00和16:00。

基本上，你想要的是第一个间隔是7小时，然后是第一个循环后的8小时，所以你需要应用这样的覆盖：

****我还没有彻底测试过，所以如果你想在不同的时间间隔使用它，你可能会小心。***

    Ext.define('Ext.picker.override.Time',{
        override: 'Ext.picker.Time',
        statics: {
            createStore: function(format, increment, startHour) {
                var dateUtil = Ext.Date,
                    clearTime = dateUtil.clearTime,
                    initDate = this.prototype.initDate,
                    times = [],
                    min = clearTime(new Date(initDate[0], initDate[1], initDate[2])),
                    startHour = startHour || min,
                    max = dateUtil.add(clearTime(new Date(initDate[0], initDate[1], initDate[2])), 'mi', (24 * 60) - 1),
                    firstIncrement = startHour.getHours() * 60,
                    count = 0;
                while(min <= max){
                    times.push({
                        disp: dateUtil.dateFormat(min, format),
                        date: min
                    });
                    min = dateUtil.add(min, 'mi', (count++ == 0 ? firstIncrement : increment));
                }
                return new Ext.data.Store({
                    model: Ext.picker.Time.prototype.modelType,
                    data: times
                });
            }
        }
    });
    Ext.define('Ext.form.field.CustomTime',{
        extend: 'Ext.form.field.Time',
        alias: 'widget.customtimefield',
        initComponent: function() {
            var me = this,
                min = me.minValue,
                max = me.maxValue;
            if (min) {
                me.setMinValue(min);
            }
            if (max) {
                me.setMaxValue(max);
            }
            me.displayTpl = new Ext.XTemplate(
                '<tpl for=".">' +
                '{[typeof values === "string" ? values : this.formatDate(values["' + me.displayField + '"])]}' +
                '<tpl if="xindex < xcount">' + me.delimiter + '</tpl>' +
                '</tpl>', {
                    formatDate: me.formatDate.bind(me)
                });
            // Create a store of times.
            me.store = Ext.picker.Time.createStore(me.format, me.increment, me.minValue);
            me.superclass.superclass.initComponent.call(this);
            // Ensure time constraints are applied to the store.
            // TimePicker does this on create.
            me.getPicker();
        } 
    });
    Ext.create('Ext.form.Panel', {
        title: 'Time Card',
        width: 300,
        bodyPadding: 10,
        renderTo: Ext.getBody(),
        items: [{
            xtype: 'customtimefield',
            name: 'in',
            fieldLabel: 'Time In',
            format : 'H:i',
            minValue: '07:00',
            maxValue: '23:00',
            increment: 480,
            anchor: '100%'
        }]
    });

Fiddle：https://fiddle.sencha.com/#fiddle/i3e