DateTimepicker Hilfe benötigt

[roli]

Bis jetzt komme ich an diesem Thema nicht weiter.

Ich möchte gerne in meinem Standard FHEM WEB   ein dummy  haben, wo ich mittels  datetimepicker   das Datum/Uhrzeit eingeben kann.

Habe aus anderen Foren Einträgen bis jetzt TEile gefunden, aber noch keine genaue Anleitung, was hierzu wirklich benötigt wird.

Fragen :
   * was  muß ich vorab  aus welcher Source installieren  ( jquery , .... ) ?
      Gibt es eine komplette Anleitung.

   * sind meine  TEst  fhem  definitionen ausreichend/korrekt ?

   * weshalb bekomme ich bis jetzt solche FEhler wie unten angeführt ?

Meine Test Configuration:

Code Auswählen Erweitern


setdefaultattr
setdefaultattr  room Test
#--------------------------------------------------------
# date time picker
define HeatingPlanSelector dummy
attr HeatingPlanSelector alias Heizplan
attr HeatingPlanSelector devStateIcon Aus:remotecontrol/black_btn_RED:An An:remotecontrol/black_btn_GREEN:Aus
attr HeatingPlanSelector eventMap on:An off:Aus
attr HeatingPlanSelector group Modi
attr HeatingPlanSelector icon control_building_empty
attr HeatingPlanSelector readingList Plan Start Ende
attr HeatingPlanSelector setList Plan:Master,Balkonien,Urlaub,Sommer Start:datetime,theme:dark,format:d.m.Y,timepicker:false Ende:datetime,theme:dark,format:d.m.Y,timepicker:false
attr HeatingPlanSelector webCmd Plan:Start:Ende


define dummy.Start_Periode dummy
attr dummy.Start_Periode alias Start Abrechnungsperiode
attr dummy.Start_Periode group Stromkosten
attr dummy.Start_Periode setList state:datetime,timepicker:false,format:d.m.Y
attr dummy.Start_Periode stateFormat  ;
attr dummy.Start_Periode webCmd state

define dateTimePickerInline dummy
attr dateTimePickerInline setList state:datetime,inline:true
attr dateTimePickerInline webCmd state

define dateTimePickerPopUp dummy
attr dateTimePickerPopUp setList state:datetime
attr dateTimePickerPopUp webCmd state

define dateTimePickerOnlyTime dummy
attr dateTimePickerOnlyTime setList state:datetime,datepicker:false
attr dateTimePickerOnlyTime webCmd state

define dateTimePickerOnlyDate dummy
attr dateTimePickerOnlyDate setList state:datetime,timepicker:false
attr dateTimePickerOnlyDate webCmd state


Das Ergebnis hierfür siehe Bild Anhang.

Wäre super wenn mir hier jemand helfen könnte.

[rudolfkoenig]

Gibt es eine komplette Anleitung.

Mir ist nicht mal 'ne teilweise Anleitung bekannt. Fuer den "original" jquery-ui datepicker muss man nichts mehr installieren, ein DateTimepicker ist mir unbekannt. Als Beispiel fuer die Integration eines weiteren Jquery-UI Widgets kann man z.Bsp. fhemweb_knob.js anschauen.

[Ellert]

Hier gibt es den Thread dazu https://forum.fhem.de/index.php?topic=35736.0

[roli]

HAbe
update all https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt

durchgeführt -- auch schon mal früher, aber keine Änderung. Bekomme immer noch gleiche  Fehler

Immer wieder Fehler :

jquery.datetimepicker.js line 1433:
Uncaught TypeError: Cannot read property 'parseDate' of null


jquery.datetimepicker.js line 1674:
Uncaught TypeError: Cannot read property 'formatDate' of null


WEB UI Source sieht wie folgt aus:

Code Auswählen Erweitern

<form method="post" action="/fhem" autocomplete="off">
<div id='content'  room='TestDAteTime'>
<table class="roomoverview">

<tr><td><div class="devType">dummy</div></td></tr>
<tr><td>
<table class="block wide" id="TYPE_dummy">

<tr class="odd"><td><div class="col1"><a href="/fhem?detail=dateTimePickerInline">dateTimePickerInline</a></div></td>
<td informId="dateTimePickerInline"><div id="dateTimePickerInline"  title="???" class="col2">???</div></td>
<td><div class='col3'><div class='fhemWidget' cmd='state' reading='state' dev='dateTimePickerInline' arg='datetime,inline:true' current='???'></div></div></td>
</tr>
</table>
</td></tr>
</table><br>
</div>
</form>


[Ellert]

FHEM greift nicht auf die Scripte von TabletUI zurück, die müsstest Du installieren, so wie in dem von mir angegebenen Thread beschrieben.
Die Dateien liegen in contrib/Widgets.

[roli]

OK- vielleicht habe zumindest ich jetzt die Sache etwas besser verstanden.   FHEM ist genial, aber auch immer verwirrender und die Doku
hängt sicher hinterher. Zumindest für Leute die nicht alles mitverfolgen und in den Details stecken, ist es etwas schwierig, zumal man auch über das Forum nur kurze Info bekommt und man dann über Jahre dauernde Foren Einträge selbst herausfinden muß was aktuell ist.

Gut immer noch besser, als alles selbst programmieren.

Also mein Verständnis:

1) Es gibt  die  Widget Lösung  für das  klassische FHEM  UI   basierend   auf  XDSOFT  jquery plugin .
    Aktuelle  Software Teile unter:
                 https://svn.fhem.de/fhem/trunk/fhem/contrib/Widgets/DateTimePicker/
                 ( Hinweis: Readme  veraltet )

2) Es gibt einen datetimepicker für das Tablet UI von FHEM
                   https://wiki.fhem.de/wiki/FTUI_Widget_Datetimepicker


Beides wird in Diskussionen oft vermischt, verwechselt  bzw. nicht klargestellt, dass sie ähnliche - DAteien verwenden.

Wird 2) installiert , so  Funktioniert 1) nicht mehr !

1) funktioniert indem man  die Dateien von svn.fhem.de  nach  www/pgm2 kopiert  und  fhem neu startet !!
    ( nur  reload 01_FHEMWEB.pm  ist oft nicht erfolgreich ! )

[Ellert]

Wird 2) installiert , so  Funktioniert 1) nicht mehr !

Nein, bei mir funktioniert beides 1 in FHEM und 2 in TabletUI.