Skip to Content

For English reader:

Hello I’m Cong, now I’m a developer in CEC Revenue Cloud in Chengdu, China. This blog is writter in both English and German (for learning purpose). Please just ignore the italic German paragraphsand sorry for the inconvenience. Thanks a lot!

Für Deutsch Leser:

Hallo ich bin Cong. Jetzt bin ich ein Developer bei CEC Revenue Cloud in Chengdu, China. Ich möchte Programmierkenntnisse hier teilen und gleichzeitig mein Deutsch verbessern. Deshalb schreibe ich Blogs in Deutsch und Enghlish. Wenn Sie Syntaxfehler finden, oder mein Deutsch ist zu schlecht zu verstehen, bitte lesen Sie die English Version und sagen Sie mir den richtigen Ausdruck. Herzlich Dank und ich hoffe, dass Sie meinen Blog genießen. Prost!


For UI5 developers maybe Demo Kit is the most useful tool. We could find many documents as well as samples. But sometimes we still have some questions that Demo Kit could not answer. So I would like to write a blog series called “Things that Demo Kit didn’t tell you“. In this series I would like to explore the controls with some other resources, e.g. source code, Fiori Guideline. Hope this series could help you and if you find any mistakes in my blog please also help to point them out. Thank you! Catalog of this series could be found here.

Vielleicht ist Demo-Kit das sinnvollste Werkzeug für UI5-Developer. Da können wir viele Dokument und Beispiele finden. Aber manchmal gibt es noch einige Frage, die Demo-Kit nicht antwort kann. Deshalb möchte ich eine Blogserie “Dinge, die Demo-Kit Ihnen nicht mitgeteilt hat” schreiben. In diese Serie erforsche ich Controls mit verschiedener Ressource, z.B. Quellcode, Fiori Guideline. Ich hoffe, dass diese Serie sinnvoll für Sie ist. Wenn Sie Fehler in meinem Blog finden, bitte hinweisen Sie mir. Danke schön. Der Katalog dieser Serie ist hier.


Using DatePicker with keyboard

Benutzen DatePicker mit Tastatur

DatePicker is very well decumented in Demo Kit. But from the source code I found something very interesting, that user could use DatePicker with keyboard in many ways.

In Demo Kit wird DataPicker sehr gut beschreiben. Aber in die Quellcode finde ich etwas sehr interessant, dass man kann DataPicker mit Tastatur vielfach benutzen.

When the user is focusing in the input box:

  • PageUp: increase by one day.
  • PageDown: decrease by one day.
  • PageUp + modifier keys:
    • Shift, but without Ctrl: increase by one month.
    • Others: increase by one year.
  • PageDown + modifier keys:
    • Shift, but no Ctrl: decrease by one month.
    • Others: decrease by one year.

Wenn man in Eingabefeld fokussiert:

  • PageUp: Erhöhung um einen Tag.
  • PageDown: Abnahme um einen Tag.
  • PageUp + modifier keys:
    • Shift, aber ohne Ctrl: Erhöhung um einen Monat.
    • Andere: Erhöhung um einen Jahr.
  • PageDown + modifier keys:
    • Shift, aber ohne Ctrl: Abnahme um einen Monat.
    • Andere: Abnahme um einen Jahr.

When the user is focusing in the data picker popup:

  • PageUp: increase by one month.
  • PageDown: decrease by one month.
  • PageUp + Ctrl: increase by one year.
  • PageDown + Ctrl: decrease by one year.

Wenn man in Datumsauswahl-Popup fokussiert:

  • PageUp: Erhöhung um einen Monat.
  • PageDown: Abnahme um einen Monat.
  • PageUp + Ctrl: Erhöhung um einen Jahr.
  • PageDown + Ctrl: Abnahme um einen Jahr.
To report this post you need to login first.

Be the first to leave a comment

You must be Logged on to comment or reply to a post.

Leave a Reply