How to set dateformat in horizontal and vertical scrollbar

[braincept]

Thank you, Maxim.

topDateFormat: 'MMM',
            middleDateFormat : 'D'

It is working now.

[braincept]

I would like to setup the header row like in the examples. Can we find the default configuration that is set for the rows that can be found in the dropdown?
https://www.bryntum.com/examples/scheduler/configuration/

[Maxim Gorkovsky]

Inspect code of the demo by clicking on the button </> and you will find how we register preset.

[braincept]

We have seen this configuration. But I am missing something like this.

PresetManager: {
            minuteAndHour: {
              topDateFormat: 'ddd DD.MM, HH:mm'
            },
            hourAndDay: {
              topDateFormat: 'ddd DD.MM.YY',
              middleDateFormat: 'HH:mm'
            },
            weekAndDay: {
              displayDateFormat: 'HH:mm'
            },
            weekAndMonth: {
              displayDateFormat: "MMM",
              middleDateFormat: 'YYYY'
            },
            monthAndYear: {
              displayDateFormat: "YYYY",
              middleDateFormat: 'MMM'
           },
          }

[Maxim Gorkovsky]

I'm sorry, I don't understand what are you missing here. If your original problem was resolved and this is a new request, please start new topic. Otherwise please elaborate: what is your problem exactly.

[braincept]

Hi Maxim
You are right, this might be another post. But one thing remains in our installation.
We use the vertical viewmode of hourAndDay. There one format is not changed. See in the screenshot attached.

Our presets are:

PresetManager: {
                        hourAndDay: {
                            topDateFormat: 'ddd DD.MM.YY',
                            middleDateFormat: 'HH:mm'
                        },
                    }
         

[Maxim Gorkovsky]

I just checked this on the vertical demo, it works fine. Make sure you have updated locale properly.

LocaleManager.registerLocale('Foo', {
    locale : {
        PresetManager : {
            hourAndDay : {
                topDateFormat    : 'ddd DD.MM.YY',
                middleDateFormat : 'HH:mm'
            }
        }
    }
});

LocaleManager.applyLocale('Foo');

tmp.png (26.58 KiB) Viewed 1435 times

What version of the scheduler do you use? If not the last, please try to update.

[braincept]

Where can we find the version of the scheduler? (Which file)
We use the Angular version of the scheduler

[Maxim Gorkovsky]

It should be stated in the package.json.

[braincept]

Hi Maxim
So I think we use Version 2.2.5. Here is your package.json

{
  "name": "bryntum-angular-shared",
  "version": "2.2.5",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build && postinstall",
    "build-lib": "ng build bryntum-angular-shared && postinstall",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "postinstall": "postinstall"
  },
  "postinstall": {
    "projects/bryntum-angular-shared/assets": "copy dist/bryntum-angular-shared/assets"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~7.2.0",
    "@angular/common": "~7.2.0",
    "@angular/compiler": "~7.2.0",
    "@angular/core": "~7.2.0",
    "@angular/forms": "~7.2.0",
    "@angular/platform-browser": "~7.2.0",
    "@angular/platform-browser-dynamic": "~7.2.0",
    "@angular/router": "~7.2.0",
    "bryntum-scheduler": "file:../../build",
    "core-js": "^2.5.4",
    "rxjs": "~6.3.3",
    "tslib": "^1.9.0",
    "zone.js": "~0.8.26"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.13.0",
    "@angular-devkit/build-ng-packagr": "~0.13.0",
    "@angular/cli": "~7.3.8",
    "@angular/compiler-cli": "~7.2.0",
    "@angular/language-service": "~7.2.0",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~8.9.4",
    "codelyzer": "~4.5.0",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "ng-packagr": "^4.2.0",
    "postinstall": "^0.4.2",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tsickle": ">=0.34.0",
    "tslib": "^1.9.0",
    "tslint": "~5.11.0",
    "typescript": "~3.2.2"
  }
}