FTUI Widget Clock: Unterschied zwischen den Versionen
Drhirn (Diskussion | Beiträge) KKeine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
(9 dazwischenliegende Versionen von 5 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
Das [[{{PAGENAME}}|Widget Clock]] ist ein Widget für [[FHEM Tablet UI V2]], welches die aktuelle Zeit des jeweiligen Endgerätes in digitaler Form wiedergibt. | |||
Das [[{{PAGENAME}}|Widget Clock]] ist ein Widget für [[FHEM Tablet UI]], welches die aktuelle Zeit in digitaler Form wiedergibt. | |||
<gallery> | <gallery> | ||
Zeile 17: | Zeile 15: | ||
!Beispiel | !Beispiel | ||
|- | |- | ||
|'''data-format'''||Format, siehe nachfolgende Tabelle|| | |'''data-format'''||Format, siehe nachfolgende Tabelle|||| | ||
|- | |- | ||
|'''data-interval'''||Aktualisierungsinterval in | |'''data-interval (''entfallen ab 10/2018!'')'''||Aktualisierungsinterval in Millisekunden||1000|| | ||
|- | |||
|'''data-offset'''||Zeitzonenverschiebung | |||
data-offset="2" => +2h gegenüber der FHEM-Server-Zeit. | |||
data-offset="-1" => -1h gegenüber der FHEM-Server-Zeit. | |||
||0|| | |||
|- | |- | ||
|'''data-days'''||Array der Bezeichner für Wochentagsnamen. Werden zur Ersetzung für die Formate l und D verwendet. Statt eines Arrays kann das Keyword "english" verwendet werden, um englische Wochentagsnamen zu verwenden. ||["Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag", "Sonntag"]||data-days="english" | |'''data-days'''||Array der Bezeichner für Wochentagsnamen. Werden zur Ersetzung für die Formate l und D verwendet. Statt eines Arrays kann das Keyword "english" verwendet werden, um englische Wochentagsnamen zu verwenden. ||["Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag", "Sonntag"]||data-days="english" | ||
|- | |- | ||
|'''data-shortday-length'''||Länge des abgekürzten Wochentagsbezeichners im Format D||3 | |'''data-shortday-length'''||Länge des abgekürzten Wochentagsbezeichners im Format D||3|| | ||
|- | |- | ||
|'''data-months'''||Array der Bezeichner für Monatsnamen. Werden zur Ersetzung für die Formate F und M verwendet. Statt eines Arrays kann das Keyword "english" verwendet werden um englische Monatsnamen zu verwenden.||["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"]||data-months="english" | |'''data-months'''||Array der Bezeichner für Monatsnamen. Werden zur Ersetzung für die Formate F und M verwendet. Statt eines Arrays kann das Keyword "english" verwendet werden, um englische Monatsnamen zu verwenden.||["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"]||data-months="english" | ||
|- | |- | ||
|'''data-shortmonth-length'''||Länge des abgekürzten Monatsbezeichners im Format M||3 | |'''data-shortmonth-length'''||Länge des abgekürzten Monatsbezeichners im Format M||3|| | ||
|} | |} | ||
== Hinweise == | |||
Die Uhrzeit wird beim Start mit der FHEM-Server-Zeit per '{localtime}' abgeglichen. Man hat also auf seinem Telefon immer die aktuelle Home-Zeit in der FTUI-Anzeige, egal wo man sich gerade auf der Welt befindet. | |||
== Bezeichner == | == Bezeichner == | ||
Zeile 90: | Zeile 98: | ||
==Beispiele== | ==Beispiele== | ||
< | <syntaxhighlight lang="html"> | ||
<div data-type="clock"></div> | <div data-type="clock"></div> | ||
<div data-type="clock" data-format="Y-m-d H:i:s"></div> | </syntaxhighlight> | ||
[[File:FTUI_Widget_Clock_01.png]] | |||
<syntaxhighlight lang="html"> | |||
<div data-type="clock" | |||
data-format="Y-m-d H:i:s"></div> | |||
</syntaxhighlight> | |||
[[File:FTUI_Widget_Clock_05.png]] | |||
<syntaxhighlight lang="html"> | |||
<div data-type="clock" data-format="l, j. F Y"></div> | <div data-type="clock" data-format="l, j. F Y"></div> | ||
</ | </syntaxhighlight> | ||
[[File:FTUI_Widget_Clock_06.png]] | |||
<syntaxhighlight lang="html"> | |||
<div data-type="clock" data-format="H:i"></div> | |||
</syntaxhighlight> | |||
[[File:FTUI_Widget_Clock_02.png]] | |||
<syntaxhighlight lang="html"> | |||
<div data-type="clock" data-format="l"></div> | |||
</syntaxhighlight> | |||
[[File:FTUI_Widget_Clock_03.png]] | |||
<syntaxhighlight lang="html"> | |||
<div data-type="clock" data-format="F"></div> | |||
</syntaxhighlight> | |||
[[File:FTUI_Widget_Clock_04.png]] | |||
[[Kategorie:FHEM Tablet UI]] | [[Kategorie:FHEM Tablet UI V2|Clock]] |
Aktuelle Version vom 2. August 2024, 15:39 Uhr
Das Widget Clock ist ein Widget für FHEM Tablet UI V2, welches die aktuelle Zeit des jeweiligen Endgerätes in digitaler Form wiedergibt.
Attribute
Attribut | Beschreibung | Standard-Wert | Beispiel |
---|---|---|---|
data-format | Format, siehe nachfolgende Tabelle | ||
data-interval (entfallen ab 10/2018!) | Aktualisierungsinterval in Millisekunden | 1000 | |
data-offset | Zeitzonenverschiebung
data-offset="2" => +2h gegenüber der FHEM-Server-Zeit. data-offset="-1" => -1h gegenüber der FHEM-Server-Zeit. |
0 | |
data-days | Array der Bezeichner für Wochentagsnamen. Werden zur Ersetzung für die Formate l und D verwendet. Statt eines Arrays kann das Keyword "english" verwendet werden, um englische Wochentagsnamen zu verwenden. | ["Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag", "Sonntag"] | data-days="english" |
data-shortday-length | Länge des abgekürzten Wochentagsbezeichners im Format D | 3 | |
data-months | Array der Bezeichner für Monatsnamen. Werden zur Ersetzung für die Formate F und M verwendet. Statt eines Arrays kann das Keyword "english" verwendet werden, um englische Monatsnamen zu verwenden. | ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"] | data-months="english" |
data-shortmonth-length | Länge des abgekürzten Monatsbezeichners im Format M | 3 |
Hinweise
Die Uhrzeit wird beim Start mit der FHEM-Server-Zeit per '{localtime}' abgeglichen. Man hat also auf seinem Telefon immer die aktuelle Home-Zeit in der FTUI-Anzeige, egal wo man sich gerade auf der Welt befindet.
Bezeichner
Das Format wird als String angegeben. Die in der nachfolgenden Tabelle aufgeführten Bezeichner werden durch den aktuellen Wert ersetzt, die übrigen Zeichen bleiben stehen. Default "H:i:s"
Bezeichner | Beschreibung |
---|---|
Y | Jahreszahl, vierstellig |
y | Jahreszahl, zweistellig |
m | Monatszahl, mit führender Null |
n | Monatszahl, ohne führende Null |
d | Tag des Monats, mit führender Null |
j | Tag des Monats, ohne führende Null |
H | Stunde des Tages, mit führender Null |
G | Stunde im 24-Stunden-Format, ohne führende Null |
i | Minute der Stunde, mit führender Null |
s | Sekunde der Minute, mit führender Null |
u | Millisekunden mit führender Null |
O | Zeitunterschied zur Greenwich time (GMT) in Stunden |
U | Sekunden seit Beginn der UNIX-Epoche (January 1 1970 00:00:00 GMT) |
w | Wochentagszahl (Sonntag = 0, Samstag=6) |
N | Wochentagszahl nach ISO-8601 (Montag = 1, Sonntag = 7) |
l | Wochentag |
D | Wochentag, gekürzt |
S | Anhang der englischen Aufzählung für einen Monatstag, zwei Zeichen |
F | Monat als ganzes Wort, wie Januar oder März |
M | Monatsname gekürzt |
g | Stunde im 12-Stunden-Format, ohne führende Nullen |
h | Stunde im 12-Stunden-Format, mit führenden Nullen |
a | am/pm |
A | AM/PM |
W | ISO-8601 Wochennummer des Jahres |
Beispiele
<div data-type="clock"></div>
<div data-type="clock"
data-format="Y-m-d H:i:s"></div>
<div data-type="clock" data-format="l, j. F Y"></div>
<div data-type="clock" data-format="H:i"></div>
<div data-type="clock" data-format="l"></div>
<div data-type="clock" data-format="F"></div>