Bryntum Support Forums

listeners : {
        
        viewchange : function() {
            var verticalAxis = Ext.ComponentQuery.query('verticaltimeaxis')[0];

            if (verticalAxis) {
                verticalAxis.setText(Ext.Date.format(this.getStartDate(), 'd M Y'));
            }
        }
    }

Ext.define('Hydrogen.view.Glowny.Rezerwacje.Kalendarz_rezerwacji.Kalendarz_rezerwacji_ViewWeek', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.Rezerwacje_KalendarzRezerwacji_ViewWeek',

    requires: [
        'Sch.panel.SchedulerGrid',
        'Sch.plugin.Zones'
    ],

    items: [
        {
            xtype: 'schedulergrid',
            margin: '9 0 0 5',
            region: 'center',
            viewPreset: 'myweek',
            flex: 1,
            startDate: new Date(2015, 9, 22, 7),
            mode: 'vertical',
            snapToIncrement: true,
            eventResizeHandles: 'end',
            plugins: [
                Ext.create("Sch.plugin.CurrentTimeLine")
            ],
            eventBodyTemplate: '<div class=""></div>',
            startTime: 7,
            endTime: 22,
            calendarTimeAxisCfg: {
                height: 20
            },
            timeAxisColumnCfg: {
                text: '',
                width: 60
            }
        }
    ]

});

 Sch.preset.Manager.registerPreset('myweek', {
    timeRowHeight       : 40,
    calendarColumnWidth : 200,
    displayDateFormat   : 'G:i',
    shiftIncrement      : 1,
    shiftUnit           : 'WEEK',
    defaultSpan         : 24,
    timeResolution      : {
        unit        : 'DAY',
		increment   : 1
    },
	headerConfig        : {
        bottom  : {
        // this header describe left column
			unit        : 'MINUTE',
			increment   : 10,
			//align       : 'center',
			renderer    : function (value) {
				return Ext.String.format(
					'<div class="sch-calendarcolumn-ct"><span class="sch-calendarcolumn-hours">{0}</span>' +
					'<span class="sch-calendarcolumn-minutes">{1}</span></div>',
					Ext.Date.format(value, 'H'),
					Ext.Date.format(value, 'i')
				);
			}
		},
		middle  : {
			unit        : 'DAY',
			align       : 'center',
			dateFormat  : 'D d/m',
			splitUnit   : 'DAY'
		}
	}
});