FTUI3 Digitaluhr: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
|||
| Zeile 16: | Zeile 16: | ||
*ss => Sekunden | *ss => Sekunden | ||
*zzz, zz, z => Milli-, Hundertstel- bzw. Zehntelsekunden | *zzz, zz, z => Milli-, Hundertstel- bzw. Zehntelsekunden | ||
Als Erweiterung dieser Möglichkeiten kann man noch die Datei ftui/ftuihelper.js editieren und einfügen | Als Erweiterung dieser Möglichkeiten kann man noch die Datei modules/ftui/ftuihelper.js editieren und einfügen | ||
... | ... | ||
const MMMM = (lang === 'de') ? months_de[month] : months[month]; | const MMMM = (lang === 'de') ? months_de[month] : months[month]; | ||
| Zeile 27: | Zeile 27: | ||
== Stilangaben == | == Stilangaben == | ||
Erkannt werden z.B. die CSS-Tags | Erkannt werden z.B. die CSS-Tags | ||
font-family | font-family, font-weight | ||
color | color | ||
text-align | text-align | ||
Die Schriftgröße lässt sich über das Attribut class="size-X" einstellen. | |||
[[Kategorie:FHEM Tablet UI V3]] | [[Kategorie:FHEM Tablet UI V3]] | ||
Aktuelle Version vom 22. September 2026, 08:28 Uhr
Eine digitale Uhr wird in FTUI3 erzeugt durch
<ftui-clock format="<FORMAT>" style="<STILANGABEN>"></ftui-clock>
Formatierung
In dem <FORMAT>-String werden folgende Ersetzungen vorgenommen
- DD => Tagesdatum zweistellig mit führender Null
- D => Tagesdatum
- eeee => Tagesname
- ee => Tagesname zweistellig abgekürzt
- MMMM => Monatsname deutsch (bzw. englisch bei entsprechender Spracheinstellung)
- MM => Monat nummerisch zweistellig mit führender Null
- M => Monat nummerisch
- YYYY => Jahr vierstellig
- YY => Jahr zweistellig
- hh => Stunden
- mm => Minuten
- ss => Sekunden
- zzz, zz, z => Milli-, Hundertstel- bzw. Zehntelsekunden
Als Erweiterung dieser Möglichkeiten kann man noch die Datei modules/ftui/ftuihelper.js editieren und einfügen
...
const MMMM = (lang === 'de') ? months_de[month] : months[month];
const MMM = MMMM.substring(0,3); # <==== Neue Zeile
...
ret = ret.replace('MMMM', MMMM);
ret = ret.replace('MMM',MMM); # <==== Neue Zeile
Das ermöglicht die Abkürzung MMM für einen dreistelligen Monatsnamen.
Stilangaben
Erkannt werden z.B. die CSS-Tags
font-family, font-weight color text-align
Die Schriftgröße lässt sich über das Attribut class="size-X" einstellen.