FTUI Widget Clock: Unterschied zwischen den Versionen

Aus FHEMWiki
K (Kommentar toDo)
(data-offset ergänzt.)
 
(7 dazwischenliegende Versionen von 5 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
{{Todo|Beispiele ergänzen und mit den jeweiligen Bildern versehen.
Das [[{{PAGENAME}}|Widget Clock]] ist ein Widget für [[FHEM Tablet UI]], welches die aktuelle Zeit des jeweiligen Endgerätes in digitaler Form wiedergibt.
Ist das wirklich erforderlich? Die Beispiele können mit copy-paste doch leicht nachgebaut werden.}}
 
Das [[{{PAGENAME}}|Widget Clock]] ist ein Widget für [[FHEM Tablet UI]], welches die aktuelle Zeit in digitaler Form wiedergibt.


<gallery>
<gallery>
Zeile 18: Zeile 15:
!Beispiel
!Beispiel
|-
|-
|'''data-format'''||Format, siehe nachfolgende Tabelle||
|'''data-format'''||Format, siehe nachfolgende Tabelle||||
|-
|-
|'''data-interval'''||Aktualisierungsinterval in Milisekunden||1000||
|'''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 91: Zeile 98:


==Beispiele==
==Beispiele==
<source lang="html">
<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>
</source>
</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|Clock]]

Aktuelle Version vom 27. Oktober 2018, 13:35 Uhr

Das Widget Clock ist ein Widget für FHEM Tablet UI, welches die aktuelle Zeit des jeweiligen Endgerätes in digitaler Form wiedergibt.

  • FTUI Widget Clock 01.png
  • FTUI Widget Clock 02.png
  • FTUI Widget Clock 03.png
  • FTUI Widget Clock 04.png

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>

FTUI Widget Clock 01.png 

<div data-type="clock"
     data-format="Y-m-d H:i:s"></div>

FTUI Widget Clock 05.png 

<div data-type="clock" data-format="l, j. F Y"></div>

FTUI Widget Clock 06.png 

<div data-type="clock" data-format="H:i"></div>

FTUI Widget Clock 02.png 

<div data-type="clock" data-format="l"></div>

FTUI Widget Clock 03.png 

<div data-type="clock" data-format="F"></div>

FTUI Widget Clock 04.png

Abgerufen von „http://wiki.fhem.de/w/index.php?title=FTUI_Widget_Clock&oldid=28168“