FTUI Widget Datetimepicker - Versionsgeschichte

Pahenning am 2. August 2024 um 14:08 Uhr

2024-08-02T14:08:20Z

← Nächstältere Version		Version vom 2. August 2024, 16:08 Uhr
Zeile 1:		Zeile 1:
	Das [[{{PAGENAME}}\|Datetimepicker Widget]] ist ein Widget für [[FHEM Tablet UI]], mit dem eine Auswahlmöglichkeit für Datum und/oder Uhrzeit erstellt werden kann.		Das [[{{PAGENAME}}\|Datetimepicker Widget]] ist ein Widget für [[FHEM Tablet UI V2]], mit dem eine Auswahlmöglichkeit für Datum und/oder Uhrzeit erstellt werden kann.

	<gallery>		<gallery>
Zeile 74:		Zeile 74:
	[[File:FTUI_Widget_Datetimepicker_04.png]]		[[File:FTUI_Widget_Datetimepicker_04.png]]

	[[Kategorie:FHEM Tablet UI\|Datetimepicker]]		[[Kategorie:FHEM Tablet UI V2\|Datetimepicker]]

Ulm32b: data-min-time und data-max-time ergänzt

2018-10-27T11:44:30Z

data-min-time und data-max-time ergänzt

← Nächstältere Version		Version vom 27. Oktober 2018, 13:44 Uhr
Zeile 25:		Zeile 25:
	\|-		\|-
	\|'''data-step'''\|\|Abstand der Minutenanzeige in Minuten\|\|60\|\|data-step="10"		\|'''data-step'''\|\|Abstand der Minutenanzeige in Minuten\|\|60\|\|data-step="10"
			\|-
			\|'''data-min-time'''\|\|Kleinstwert im Auswahlfeld für Zeit\|\|\|\|data-min-time="09:00:00"
			\|-
			\|'''data-max-time'''\|\|Größstwert im Auswahlfeld für Zeit\|\|\|\|data-max-time="18:00:00"
	\|-		\|-
	\|'''data-set-value'''\|\|Format des Wertes, der an FHEM gesendet werden soll\|\|$v (nur der Wert)\|\|		\|'''data-set-value'''\|\|Format des Wertes, der an FHEM gesendet werden soll\|\|$v (nur der Wert)\|\|

Baumbuwe: catsort

2018-01-26T14:08:21Z

catsort

← Nächstältere Version		Version vom 26. Januar 2018, 16:08 Uhr
Zeile 70:		Zeile 70:
	[[File:FTUI_Widget_Datetimepicker_04.png]]		[[File:FTUI_Widget_Datetimepicker_04.png]]

	[[Kategorie:FHEM Tablet UI]]		[[Kategorie:FHEM Tablet UI\|Datetimepicker]]

Markusbloch: Anpassung von -Tags nach

2017-07-26T17:57:58Z

Anpassung von <source>-Tags nach <syntaxhighlight>

← Nächstältere Version		Version vom 26. Juli 2017, 19:57 Uhr
Zeile 31:		Zeile 31:
	==Beispiele==		==Beispiele==
	===Datum und Uhrzeit - Schema dark===		===Datum und Uhrzeit - Schema dark===
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="datetimepicker"		<div data-type="datetimepicker"
	data-device='dummy1'		data-device='dummy1'
	class="inline"></div>		class="inline"></div>
	</~~source~~>		</syntaxhighlight>
	[[File:FTUI_Widget_Datetimepicker_01.png]]		[[File:FTUI_Widget_Datetimepicker_01.png]]


	===Datum und Uhrzeit - Schema normal===		===Datum und Uhrzeit - Schema normal===
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="datetimepicker"		<div data-type="datetimepicker"
	data-device='dummy1'		data-device='dummy1'
	data-theme="normal"		data-theme="normal"
	class="inline"></div>		class="inline"></div>
	</~~source~~>		</syntaxhighlight>
	[[File:FTUI_Widget_Datetimepicker_02.png]]		[[File:FTUI_Widget_Datetimepicker_02.png]]


	===Nur Zeitauswahl - Abstand 5min===		===Nur Zeitauswahl - Abstand 5min===
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="datetimepicker"		<div data-type="datetimepicker"
	data-device='dummy1'		data-device='dummy1'
Zeile 56:		Zeile 56:
	data-step="5"		data-step="5"
	class="inline"></div>		class="inline"></div>
	</~~source~~>		</syntaxhighlight>
	[[File:FTUI_Widget_Datetimepicker_03.png]]		[[File:FTUI_Widget_Datetimepicker_03.png]]


	===Benutzerdefiniertes Anzeigeformat===		===Benutzerdefiniertes Anzeigeformat===
	<~~source~~ lang="html">		<syntaxhighlight lang="html">
	<div data-type="datetimepicker"		<div data-type="datetimepicker"
	data-device='dummy1'		data-device='dummy1'
Zeile 67:		Zeile 67:
	data-format="d. F Y H:i"		data-format="d. F Y H:i"
	class="inline"></div>		class="inline"></div>
	</~~source~~>		</syntaxhighlight>
	[[File:FTUI_Widget_Datetimepicker_04.png]]		[[File:FTUI_Widget_Datetimepicker_04.png]]

	[[Kategorie:FHEM Tablet UI]]		[[Kategorie:FHEM Tablet UI]]

Drhirn: Copy&Paste-Fehler korrigiert

2017-02-14T12:49:43Z

Copy&Paste-Fehler korrigiert

← Nächstältere Version		Version vom 14. Februar 2017, 14:49 Uhr
Zeile 9:		Zeile 9:

	==Attribute==		==Attribute==
	Für das ~~Homestatus~~-Widget gelten alle Attribute des [[FTUI Widget Label\|Label-Widgets]]. Und zusätzlich die folgenden:		Für das Datetimepicker-Widget gelten alle Attribute des [[FTUI Widget Label\|Label-Widgets]]. Und zusätzlich die folgenden:
	{\|class="wikitable"		{\|class="wikitable"
	!Attribut		!Attribut

Drhirn: Die Seite wurde neu angelegt: „Das Datetimepicker Widget ist ein Widget für FHEM Tablet UI, mit dem eine Auswahlmöglichkeit für Datum und/oder Uhrzeit erstellt werden…“

2017-02-14T12:38:57Z

Die Seite wurde neu angelegt: „Das [[{{PAGENAME}}|Datetimepicker Widget]] ist ein Widget für FHEM Tablet UI, mit dem eine Auswahlmöglichkeit für Datum und/oder Uhrzeit erstellt werden…“

Neue Seite

Das [[{{PAGENAME}}|Datetimepicker Widget]] ist ein Widget für [[FHEM Tablet UI]], mit dem eine Auswahlmöglichkeit für Datum und/oder Uhrzeit erstellt werden kann.

<gallery>
File:FTUI_Widget_Datetimepicker_01.png
File:FTUI_Widget_Datetimepicker_02.png
File:FTUI_Widget_Datetimepicker_03.png
File:FTUI_Widget_Datetimepicker_04.png
</gallery>

==Attribute==
Für das Homestatus-Widget gelten alle Attribute des [[FTUI Widget Label|Label-Widgets]]. Und zusätzlich die folgenden:
{|class="wikitable"
!Attribut
!Beschreibung
!Standard-Wert
!Beispiel
|-
|'''data-format'''||Datum- und Zeitformat der Anzeige||Y-m-d H:i||data-format="d. F Y"
|-
|'''data-theme'''||Farb-Schema (normal, dark)||dark||data-theme="normal"
|-
|'''data-timepicker'''||Auswahlfeld für Zeit anzeigen||true||data-timepicker="false"
|-
|'''data-datepicker'''||Auswahlfeld für Datum anzeigen||true||data-datepicker="false"
|-
|'''data-step'''||Abstand der Minutenanzeige in Minuten||60||data-step="10"
|-
|'''data-set-value'''||Format des Wertes, der an FHEM gesendet werden soll||$v (nur der Wert)||
|}

==Beispiele==
===Datum und Uhrzeit - Schema dark===
<source lang="html">
<div data-type="datetimepicker"
data-device='dummy1'
class="inline"></div>
</source>
[[File:FTUI_Widget_Datetimepicker_01.png]]

===Datum und Uhrzeit - Schema normal===
<source lang="html">
<div data-type="datetimepicker"
data-device='dummy1'
data-theme="normal"
class="inline"></div>
</source>
[[File:FTUI_Widget_Datetimepicker_02.png]]

===Nur Zeitauswahl - Abstand 5min===
<source lang="html">
<div data-type="datetimepicker"
data-device='dummy1'
data-datepicker="false"
data-step="5"
class="inline"></div>
</source>
[[File:FTUI_Widget_Datetimepicker_03.png]]

===Benutzerdefiniertes Anzeigeformat===
<source lang="html">
<div data-type="datetimepicker"
data-device='dummy1'
data-step="5"
data-format="d. F Y H:i"
class="inline"></div>
</source>
[[File:FTUI_Widget_Datetimepicker_04.png]]

[[Kategorie:FHEM Tablet UI]]