Hallo Zusammen,
da ich für meine Heizungsteuerung (speziell Urlaub) gern eine konkrete Datums- und Zeitauswahl haben wollte, habe ich ein widget "Datetimepicker" an FHEM adaptiert. Der picker kommt von http://xdsoft.net/jqplugins/datetimepicker/ (http://xdsoft.net/jqplugins/datetimepicker/) und steht unter der MIT-Lizenz. Das bedeutet in kurzform, das diese uneingeschränkt benutzt werden kann. Ideal für FHEM. :)
Das ganze ist einfach zu "installieren". Den Inhalt aus dem angehangenen Zip-Archive in den "www\pgm2\" von FHEM kopieren. Reload auf 01_FHEMWEB.pm und schon kann es verwendet werden. Das widget hat zwei verschiedene themes -> default und dark und kann zusätzlich über das eigens mitgebrachte stylesheet angepasst werden.
Der Name ist "datetime" und die Parameter werden als eine Komma separierte Liste von Key:Value Paaren spezifiziert, das gleiche wie beim knob widget. (theme:default,format:d.m.Y,lang:en, ... ) Eine komplette Liste ist unter der oben angebenen URL zu finden.
Simple Beispiele:
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
Vorläufige default Einstellungen:
lang:"de",
i18n:{
de:{
months:[
"Januar","Februar","März","April",
"Mai","Juni","Juli","August",
"September","Oktober","November","Dezember",
],
dayOfWeek:[
"So.", "Mo", "Di", "Mi",
"Do", "Fr", "Sa.",
]
}
},
theme:"dark",
format:"d.m.Y H:i"
Update 15.12.2016:
BugFix: Die Eingabe der Paramter, wie defaultTime:"21:00", sind nun möglich. Alles ohne Anführungszeichen.
Nachtrag: lässt sich mit widgetOverride in den webCmd jedes beliebigen device verwenden
Beispiel:
attr kaldender widgetOverride state:datetime,step:10,theme:default,inline:true,defaultTime:20:00,defaultDate:2016/12/03,format:d.m.Y_H:i
Update 03.05.2017:
Input Feld per css parametrierbar: testKalender durch eigenen DeviceNamen ersetzen.
Beispiel:
.datetimepicker-testKalender { width:150px; text-align:center;}
Update unter SVN verfügbar:
https://svn.fhem.de/fhem/trunk/fhem/contrib/Widgets/DateTimePicker/ (https://svn.fhem.de/fhem/trunk/fhem/contrib/Widgets/DateTimePicker/)
Viele Grüße,
Steve
@Matcher:
funktioniert prima, darauf hab ich gewartet!
Liegt jetzt im SVN unter contrib:
/Widgets/DateTimePicker/*
Gruß,
Steve
Hallo Matscher,
tolles Tool!
Funktioniert soweit problemlos, allerdings wenn ich Datum und Uhrzeit anders formatieren will klappt das nicht.
Wo liegt mein Denkfehler, wenn ich 2015-11-21 20:00 haben will?
define dateTimePickerPopUp dummy
attr dateTimePickerPopUp alias Aktivität vom [Datum Zeit]
attr dateTimePickerPopUp group Aktivität
attr dateTimePickerPopUp room Fitness
attr dateTimePickerPopUp setList state:datetime,theme:default,step:10,format:Y-m-d H:i
attr dateTimePickerPopUp webCmd state
(http://forum.fhem.de/index.php?action=dlattach;topic=35736.0;attach=40822)
Noch lieber wäre mir der Eintrag wie im Logfile: 2015-11-21_20:00:00
Grüße Knut
Hallo,
Ändere es in der fhemweb_datetime.js:
format:"Y-m-d_H:i:00",
Gruß
Hans
Super, das passt.
Danke
Knut
Hallo Zusammen,
stimmt das funktioniert nicht, da das format 2 mal den Doppelpunkt enthält und damit als weitere Eigenschaft durch FHEMWEB ausgewertet wird. Somit wird das Format nur unvollständig übernommen.
Wie ihr schon herausgefunden habt, vorerst direkt in der fhemweb_datetime.js anpassen.
Gruß,
Matscher
Hallo,
kann man das widget auch über Tastatur bedienen? Der "knob" geht zum Beispiel, der slider nicht.
Und dann ist auch noch die Frage, ob der Screenreader die Auswahl erkennt.
Zitat:
Liegt jetzt im SVN unter contrib:
/Widgets/DateTimePicker/*
Was muss ich da für den "update" Befehl eingeben?
Gruß
Elektrolurch
Hallo
Zitat von: Elektrolurch am 25 November 2015, 11:01:08
kann man das widget auch über Tastatur bedienen?
soeben probiert, funktioniert nicht. Müßte man sich anschauen, ob es da eine Möglichkeit gibt.
Zitat von: Elektrolurch am 25 November 2015, 11:01:08
Und dann ist auch noch die Frage, ob der Screenreader die Auswahl erkennt.
Kommt auf einen Versuch an. :)
Zitat von: Elektrolurch am 25 November 2015, 11:01:08
Liegt jetzt im SVN unter contrib:
Der contrib Ordner wird nicht per update verteilt. Einfach aus dem SVN kopieren. (http://sourceforge.net/p/fhem/code/HEAD/tree/trunk/fhem/contrib/Widgets/ (http://sourceforge.net/p/fhem/code/HEAD/tree/trunk/fhem/contrib/Widgets/))
Gruß,
Matscher
Hallo Matscher,
danke für die Info. Ich werde mir das Teil mal herunter laden.
Besteht denn eine reelle Chance den Picker um eine Tasturbedienbarkeit zu ergänzen?
Elektrolurch
Hallo Elektrolurch,
die Chancen stehen schlechte. Das Widget wird zwar weiterentwickelt, aber es gibt noch keine Möglichkeit es über die Tasten zusteuern.
Gruß,
Matscher
Ja. Habe es gestern mit date - time ausprobiert. Bei Time geht gar nichts, bei date bekomme ich zwar Auswahllisten, wenn ich mit den Pfeiltasten auf das Objekt navigiere, aber eine Auswahl ist nicht möglich.
Schade, dass so wenig auf Barrierefreiheit geachtet wird... (War jetzt nicht an Dich gerichtet, sondern allgemein... :-)
Elektrolurch
Hallo, ich möchte auch diese Möglichkeit nutzen um Datum und Uhrzeit einzugeben.
Ich habe die Dateien runtergeladen und unter /opt/fhem/www/pgm2 abgelegt.
Reload 01_FHEMWEB.pm gemacht. Auch noch mal neu gebootet.
Dann habe ich noch diese Zeilen in eine cfg getan.
define dateTimePickerInline dummy
attr dateTimePickerInline setList state:datetime,inline:true
attr dateTimePickerInline webCmd state
attr dateTimePickerInline group HeizungsProgramm
define dateTimePickerPopUp dummy
attr dateTimePickerPopUp setList state:datetime
attr dateTimePickerPopUp webCmd state
attr dateTimePickerPopUp group HeizungsProgramm
define dateTimePickerOnlyTime dummy
attr dateTimePickerOnlyTime setList state:datetime,datepicker:false
attr dateTimePickerOnlyTime webCmd state
attr dateTimePickerOnlyTime group HeizungsProgramm
define dateTimePickerOnlyDate dummy
attr dateTimePickerOnlyDate setList state:datetime,timepicker:false
attr dateTimePickerOnlyDate webCmd state
attr dateTimePickerOnlyDate group HeizungsProgramm
Ich bekomme jedoch keine widget angezeigt.
Kann mir jemand weiterhelfen, was da fehlt?
Vielen Dank !!!!
Hallo, ist schon wieder gut. Ich hatte gerade noch gesehen dass ich das falsche zip genommen habe. Mit dem Zip aus diesem Thread ist es ok.
Zitat von: Matscher am 26 November 2015, 07:27:21
Der contrib Ordner wird nicht per update verteilt. Einfach aus dem SVN kopieren.
Oder im contrib-Verzeichnis
svn checkout svn://svn.code.sf.net/p/fhem/code/trunk/fhem/contrib/ .einmalig ausführen und danach, wenn updates benötigt werden,
svn update wieder im Verzeichnis angeben.
Toll Danke,
genau was mir für meine Urlaubssteuerung noch gefehlt hat.
Gibt es eine Möglichkeit die Zeit 15 oder 30 Minuten weise einzustellen ?
Stefan
Hallo Stefan,
ja mit step:15 oder step:30 in setlist angeben.
Gruß,
Matscher
Hallo Matcher,
gibt es eine Möglichkeit die Startzeit einzustellen?
Habe es schon mit
defaultTime:"20:00"
versucht, aber ohne Erfolg.
Grüße
Sehr schön!
Genau dies habe ich gesucht.
Bei inline:false habe ich das Problem, dass das Pop-up Fenster sich nur sehr träge wieder schließt, aber damit kann ich leben.
Schön wäre es, wenn ich wüßte, wo ich die Größe des Eingabefensters anpassen kann, macht für Datum natürlich keinen Sinn, aber für Zeit schon, denn da würde auch ein Fenster ausreichen, in dem man nur 3 Zeiten plus scroll-button sehen kann.
Folgende Tipps hätte ich noch: in der Formateinstellung in der .js unterscheidet h und H zwischen der Stundenngabe im 12 oder 24 Std. Format. (für alte Hasen vielleicht nichts Neues, aber ich als quasi Anfänger habe lange gesucht ;-) )
Man kann die .js kopieren und umbenennen und dann in der .js jeweils datetime durch einen anderen Namen ersetzen. Wenn man dann die Formatvorgaben jeweils ändert, dann hat man verschiedene Widgets, die man jeweils gezielt einsetzen kann.
Noch eine Frage: gibt es eine Möglichkeit einzustellen, dass kein Datum gewählt werden kann, dass älter als das aktuelle Datum ist?
@KNUT345
Zitat von: KNUT345 am 07 August 2016, 17:30:53
Hallo Matcher,
gibt es eine Möglichkeit die Startzeit einzustellen?
Habe es schon mit
defaultTime:"20:00"
versucht, aber ohne Erfolg.
Grüße
Das geht vorerst nur über die fhemweb_datetime.js innerhalb des options Blocks:
theme:"dark",
format:"d.m.Y H:i",
defaultTime:"21:00",
defaultDate:"2016/12/03",
@Garbsen:
Das geht über die beiden Angaben in setList: 0 bedeutet in diesen Fall heute bzw. jetzt:
minDate:0,minTime:0
defauktTime und defaultDate haben jedoch Vorrang, falls dieses verwendet wird.
Für die Größe kannst Du in der jquery.datetimepicker.css "height" von 151px z.b. auf 71px setzen. Das dürften 3 Zeilen sein.
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
height: 151px;
overflow: hidden;
border-bottom: 1px solid #ddd;
}
Viele Grüße,
Matscher
Zitat von: Matscher am 22 August 2016, 14:24:53
@Garbsen:
Das geht über die beiden Angaben in setList: 0 bedeutet in diesen Fall heute bzw. jetzt:
minDate:0,minTime:0
defauktTime und defaultDate haben jedoch Vorrang, falls dieses verwendet wird.
Für die Größe kannst Du in der jquery.datetimepicker.css "height" von 151px z.b. auf 71px setzen. Das dürften 3 Zeilen sein.
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
height: 151px;
overflow: hidden;
border-bottom: 1px solid #ddd;
}
Viele Grüße,
Matscher
Danke
Sehr nett!!!
Danke, nutze es fleißig!
Jedoch eine kurze Verständnisfrage:
Aktuell klappt dies ja nur mit Dummy-Devices. Wäre es nicht optimal, dies als widgetOverride zu ermöglichen?
Ich könnte mir damit einige eigentlich unnötige dummy-devices sparen ;-)
Hallo,
veruche seit einiger Zeit das Widget zum laufen zu bekommen. leider ohne erfolg.
Habe die Zip File über die im Record angegebene Link geladen und in den pgm2
Ordner kopiert und anschließend die Berechtigung angepasse fhem:dialout.
Dann die dummy devices wie vorgegeben in meine fhem.cfg kopiert.
Was muss weiter noch angepasst werden um das Widget zu laufen zu bekommen.
Ich weiß z.B. nicht wo ich die default Werte eintagen muss.
Zitat von: JoeALLb am 09 November 2016, 08:26:41
Sehr nett!!!
Danke, nutze es fleißig!
Jedoch eine kurze Verständnisfrage:
Aktuell klappt dies ja nur mit Dummy-Devices. Wäre es nicht optimal, dies als widgetOverride zu ermöglichen?
Ich könnte mir damit einige eigentlich unnötige dummy-devices sparen ;-)
Hallo JoeAllb,
hast Du da ein Beispiel für mich? :)
Danke.
Gruß,
Matscher
Zitat von: Matscher am 13 Dezember 2016, 16:21:28
hast Du da ein Beispiel für mich? :)
hier wurde das Thema behandelt,
https://forum.fhem.de/index.php/topic,32660.0.html
versuch mal
defmod xx2 dummy
attr xx2 room 00Testseite
attr xx2 setList dim
attr xx2 webCmd dim
attr xx2 widgetOverride dim:knob,min:0,max:100,step:1,linecap:round,angleOffset:-125,angleArc:250
Ahh okay ja das sollte schon gehen.
Internals:
CFGFN
NAME testKalender
NR 61701
STATE ???
TYPE dummy
Attributes:
room test
setList state:knob,step:0.5,min:5.5,max:30.5,anglearc:180,angleoffset:270,width:150,thickness:.4,angleOffset:0,rotation:anticlockwise,bgColor:
webCmd state
widgetOverride state:datetime,step:10,theme:default,inline:true
Hm, spannend! Vielleicht sollte es dort in der Doku mit aufgenommen werden?
Zitat von: JoeALLb am 14 Dezember 2016, 08:38:49
Hm, spannend! Vielleicht sollte es dort in der Doku mit aufgenommen werden?
Habe es im Originalpost als Nachtrag erwähnt.
Weiterhin gibt es ein kleines Bugfix um die restlichen Parameter sauber zu übernehmen.
Ich dachte eigentlich in die Doku von "widgetOverride", weil dort ja einige Widgets vorkommen, aber genau ein Datepicker dort eben nicht vokommt...
Aber ich weiß aktuell gar nicht, welcher Modulautor das dann mitdokumentieren müsste....
Frohes Neues in die Runde!
Das Widget ist wirklich eine sehr coole Erweiterung.
Ich nutze es für meinen Heizplan.
Dort definiere ich ein Dummy-Device, wo ich meinen Heizplan auswählen kann und im gleichen Device den Start- und Endzeitpunt für diesen Plan definiere. Die Abfrage der Daten aus dem Dummy-Device, die restliche Logik via Modul "weekprofile" und das eigentliche Triggern der Übertragung an die Thermostate realisiere ich dann über "...at <time>" Funktionen.
Vor folgender Herausforderung stehe ich jedoch noch:
Für das Einstellen des Start- und Endzeitpunktes möchte ich das Datetime Widget in beiden Eingabefeldern nutzen. Aus mir unerfindlichen Gründen wird das Widget aber nur für das erste Textfeld genutzt. Bei zweiten Textfeld wird beim Klicken auf das Feld nur das Reading auf "Aus" gesetzt.
Hier mein Code:
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 room Aktionen
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
Bin ich nur blind bzw. unwissend, oder gibt es hier noch einen Bug?
Gruß
Patrick
Zitat von: pzeier am 01 Januar 2017, 16:20:50
Für das Einstellen des Start- und Endzeitpunktes möchte ich das Datetime Widget in beiden Eingabefeldern nutzen. Aus mir unerfindlichen Gründen wird das Widget aber nur für das erste Textfeld genutzt. Bei zweiten Textfeld wird beim Klicken auf das Feld nur das Reading auf "Aus" gesetzt.
Gleiches Problem hier. Wenn ich im widgetOverride
inline:true verwende funktioniert es.
Sieht dann nur leider komisch aus :(
Zitat von: msommer am 04 Januar 2017, 16:10:56
Wenn ich im widgetOverride inline:true verwende funktioniert es.
Sieht dann nur leider komisch aus :(
Jepp, mit
inline (bei mir allerdings nur im
setList Attribut) wird auch der zweite datetimepicker angezeigt. Ist zumindest ein Workaround um es nutzen zu können. Danke für den Tipp.
Das Problem könnte sein, dass alle Widgets im HTML Code die gleiche ID bekommen.
Ich hab mir dafür schnell einen Workaround zusammengebastelt, damit funktionieren jetzt auch mehrere Picker. Aber Javascript ist nicht gerade meine Stärke, daher Benutzung auf eigene Gefahr :)
Eventuell kann sich der Widget Author das nochmal ansehen.
LG
Mario
Zitat von: msommer am 05 Januar 2017, 19:37:27
Ich hab mir dafür schnell einen Workaround zusammengebastelt,...Benutzung auf eigene Gefahr
Habe es riskiert...geht ;)
OK, habe vorher kurz in den Code geschaut 8). Die Idee mit den IDs war gut.
Frohes Neues Zusammen!
Danke für Eure Analyse, habe es behoben. Ich verwende hierbei den übergebenen "set" Parameter zusätzlich . In Patricks Fall wäre es zum Bespiel dann jeweils "Start" und "Ende".
Hier die Vorabversion und heute Abend checke ich es dann noch ein.
Gruß,
Matscher
Das mit den 30min funktioniert bei mir nicht egal was ich in setList oder WidgetOverwrite schreibe.
Zur Zeit steht drin:
alias Schalt Zeit 1 An
devStateIcon .*:rc_BLANK
group UG Heizung Einstellungen
icon temp_outside
room UG
setList state:time
webCmd state
widgetOverride step:10,theme:default,inline:true
Eintrag im HTML ist:
<div data-type="label" class="cell bold">Zeit An</div>
<div data-type="datetimepicker" data-device="UG.SchaltZeit1AnHeizung"
data-datepicker="false" data-format="H:i"
class="inline large thin orange"></div>
Habt Ihr eine Idee warum es nicht tut?
Gruß,
Stefan
Zitat von: stefanru am 17 Januar 2017, 22:30:11
...
widgetOverride step:10,theme:default,inline:true
...
Erweitere mal widgetOverride um state:datetime und setze step auf 30 statt 10.
Bsp: widgetOverride state:datetime,step:30,theme:default,inline:true
Gruß,
Matscher
Tut mir echt leid aber es funktioniert einfach nicht.
Ich verstehe es nicht.
Das einzige was es bewirkt dass ich im normalen UI keine Uhrzeit mehr eingben kann.
An dem Widget im Tablet UI ändert sich garnichts.
Irgendwie hab ich da wohl etwas nicht kapiert.
Ich habe jetzt in meiner html datei im datetime picker das attribut:
data-step="15"
hinzugefügt und es geht.
Im FHEM habe ich widgetOverwrite entfernt.
Gruß,
Stefan
@stefanru:
Der hier beschriebene DateTimePicker ist nicht für und nicht vom Tablet UI.
Wenn Du es ohne Tablet UI nutzen möchtest, musst Du wie im ersten Post beschrieben, die Dateien in den entsprechenden Ordner kopieren.
Gruß,
Matscher
Ach so :-)
Da war ich ja total auf dem falschen Dampfer!
Danke,
Stefan
hi,
Ich hab gerade das gleiche Problem. Bei mir kann ich nur die Zeit auswählen, date picker geht irgendwie nicht ....
Aber meine Aquarium Lampe muss eh nur 9 Stunden anbleiben, dann brauch ich die Datum funktion nicht unbedingt.
Bis dann
Hi,
kannst Du mir die Settings dazu geben? Dann schau ich mir das an, was schief geht.
Danke.
Hallo Matcher,
super Tool, ich würde es gerne für meine Lichtsteuerung (Bild1) einsetzen,
benötige da nur Uhrzeit, aber Feld bleibt so breit wie mit Datum,
gibt es eine Möglichkeit die Feldbreite einzustellen?
(siehe Bild2, roter Rahmen auf blauen Rahmen oder kleiner)
Grüße
Hallo Knut345,
anbei ein kleines update, damit kannst Du es jetzt per css parametrieren.
Dazu in Deine vewendete style.css den Eintrag wie unten hinzufügen, wobei testKalender durch den jeweiligen DeviceName ersetzt werden muss.
.datetimepicker-testKalender { width:50px; }
Gruß,
Matscher
Hallo Matcher,
das war genau das was ich gesucht habe.
Jetzt noch eine Kosmetikfrage.
Kann man die Ausrichtung so ändern dass der Text mittig im Feld steht?
Danke und Grüße
Knut
Hallo Knut,
füge noch
text-align:center;
zum css style hinzu und dann sollte es zentriert sein.
Grüße,
Matscher
Perfekt. Danke
Zitat von: JoeALLb am 10 Dezember 2015, 11:01:36
Oder im contrib-Verzeichnis
svn checkout svn://svn.code.sf.net/p/fhem/code/trunk/fhem/contrib/ .
einmalig ausführen und danach, wenn updates benötigt werden,
svn update wieder im Verzeichnis angeben.
Leider gibt es Probleme mit der Neuinstallation des Tablet UI. Im Wiki steht,
update all https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txtwas aber nicht funktioniert:
open ./www/tablet/css/fhem-blue-ui.css failed: Datei oder Verzeichnis nicht gefunden, trying to restore the previous version and aborting the updateAuch die svn-Version schlägt fehlt:
svn checkout svn://svn.code.sf.net/p/fhem/code/trunk/fhem/contrib/ .
svn: E210005: Unable to connect to a repository at URL 'svn://svn.code.sf.net/p/fhem/code/trunk/fhem/contrib'
svn: E210005: No repository found in 'svn://svn.code.sf.net/p/fhem/code/trunk/fhem/contrib'
Gibt es eine andere Möglichkeit, das Tablet zu installieren?
Zitat von: andies am 26 Juni 2017, 17:23:39
Leider gibt es Probleme mit der Neuinstallation des Tablet UI. Im Wiki steht,
update all https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt
was aber nicht funktioniert:
open ./www/tablet/css/fhem-blue-ui.css failed: Datei oder Verzeichnis nicht gefunden, trying to restore the previous version and aborting the update
Gerade getestet: Das funktioniert auf einer aktuellen FHEM-Version problemlos. Liegt das eventuell an Deinen anderen FHEM-Installationsroblemen?
Mir ist auch nicht klar, wie das mit dem Widget des Threads zusammenhaengt.
Zitatsvn checkout svn://svn.code.sf.net/p/fhem/code/trunk/fhem/contrib/ .
Das svn liegt mittlerweile hier: https://svn.fhem.de/fhem/trunk/fhem/contrib/
Gruß, Christian
Danke, klappt! Evtl sollte man das im Wiki anpassen.
Zitat von: andies am 26 Juni 2017, 21:26:24
Danke, klappt! Evtl sollte man das im Wiki anpassen.
Würde ich ja glatt machen, wenn ich wüsste, auf welcher Seite ein Problem steckt. Ich finde das nicht. :-[
Stimmt, das war im Forum - ich hatte gedacht, das steht im Wiki.
Hi,
aus irgend einem Grund (kein Update oder so wurde dazwischen gemacht) geht mein DateTimePicker Widget nicht mehr. Wenn ich in das Feld klicke, kommt der Kalender nicht mehr hoch. Jemand eine Ahnung, wo es dran liegt? Probiert habe ich es mit Chrome und Firefox
defmod dummy.Start_Periode dummy
attr dummy.Start_Periode alias Start Abrechnungsperiode
attr dummy.Start_Periode group Stromkosten
attr dummy.Start_Periode room Strom
attr dummy.Start_Periode setList state:datetime,timepicker:false,format:d.m.Y
attr dummy.Start_Periode stateFormat ;
attr dummy.Start_Periode webCmd state
setstate dummy.Start_Periode ;
setstate dummy.Start_Periode 2017-06-28 12:50:01 state
Hallo Matscher,
habe mein Modul DbRep auf Anregung eines Users angepasst um den datetimepicker zu unterstützen. Klappt soweit auch einwandfrei, danke für dieses Widget !
Etwas nachteilig ist, dass datetimepicker keine Sekundenauswahl anbietet (sovielo ich weiß). Das ist für die Datenselektion in der Datenbank etwas hinderlich.
Könnte das Widget um eine (optionale) Sekundenauswahl ergänzt werden ?
Das wäre sehr hilfreich.
Danke und viele Grüße
Heiko
du meine güte - ich wollt ja schon ewig was fragen, gut das der fred wieder mal hervorgeholt wurde *g*!
die frage: kriegt man das gute stück auch im floorplan lauffähig und wenn ja, wie?
Zitat von: DS_Starter am 12 Dezember 2017, 07:27:42
Könnte das Widget um eine (optionale) Sekundenauswahl ergänzt werden ?
Da hänge ich mich mal mit dran.
Die Ursprungs-Bibliothek unter
http://xdsoft.net/jqplugins/datetimepicker/
bietet ja "seconds:true" an, aber irgendwie bekomme ich das im Widget auch nicht zum laufen. Kann dies aktiviert werden?
sG Joe
und zu meiner frage ein nachtrag:
mit setList funzt auch der floorplan
mit widgetOverride nicht
also kein beinbruch, denk ich mal
eine frage hät ich aber noch
ich hab mir mit dem datetimepicker eine rg gebastelt mit folgenden commandos{
"uhr1" => "uhr1:datetime,step:10,datepicker:true,timepicker:true,theme:default,inline:false,format:d.m.Y H:i",
"uhr2" => "uhr2:datetime,step:10,datepicker:true,timepicker:true,theme:default,inline:false,format:d.m.Y H:i",
"uhr3" => "uhr3:datetime,step:10,datepicker:true,timepicker:true,theme:default,inline:false,format:d.m.Y H:i",
}
das funzt auch
geb ich aber noch minDate:0,minTime:0 an, kann ich bei uhr2 und uhr3 gar nix auswählen, uhr1 würde wie gewollt funzen.
hat da wer ne idee zu?
Hallo,
mit setList zusammen mir widgetOverride funktioniert es mit dem Floorplan.
Was meinst Du mit rg?
Internals:
NAME testKalender
NR 46
STATE 27.12.2017 21:40
TYPE dummy
Readings:
2017-12-12 21:13:51 state 27.12.2017 21:40
Attributes:
fp_floortest 73,313,2,
room test
setList state
webCmd state
widgetOverride state:datetime,step:20,theme:default,inline:false,datepicker:true
Hallo Joe,
Zitat von: JoeALLb am 12 Dezember 2017, 08:31:11
Da hänge ich mich mal mit dran.
Die Ursprungs-Bibliothek unter
http://xdsoft.net/jqplugins/datetimepicker/ (http://xdsoft.net/jqplugins/datetimepicker/)
bietet ja "seconds:true" an, aber irgendwie bekomme ich das im Widget auch nicht zum laufen. Kann dies aktiviert werden?
sG Joe
das gilt nur für den "PeriodPicker or TimePicker or PeriodDateTimePicker". Der hier verwendete DateTimePicker unterstützt das leider nicht.
Zitat von: DS_Starter am 12 Dezember 2017, 07:27:42
Könnte das Widget um eine (optionale) Sekundenauswahl ergänzt werden ?
Das wäre sehr hilfreich.
Ich werde es mir demnächst anschauen ob ich es "einfach" nachrüsten könnte. Aber wie oben schon erwähnt, kann das der momentane DateTimePicker nicht.
Viele Grüße,
Matscher
Vielen Dank für das wirklich hilfreiche Widget.
Ich habe das in fhem so integriert:
define OU.NN.IrrigationAutomatic.Test dummy
attr OU.NN.IrrigationAutomatic.Test cmdIcon initialize:general_an disable:general_aus
attr OU.NN.IrrigationAutomatic.Test devStateIcon initialize:10px-kreis-gruen .*:10px-kreis-rot
attr OU.NN.IrrigationAutomatic.Test group Irrigation_NordOst
attr OU.NN.IrrigationAutomatic.Test icon sani_sprinkling
attr OU.NN.IrrigationAutomatic.Test readingList Start Stop Dauer
attr OU.NN.IrrigationAutomatic.Test room Irrigation
attr OU.NN.IrrigationAutomatic.Test setList time_on:datetime,inline:true,datepicker:false,step:5 time_off:datetime,inline:true,datepicker:false,step:5 duration:knob,step:1,datepicker:false,max:60,bgcolor:grey
attr OU.NN.IrrigationAutomatic.Test userReadings time_on\
{SetReadingTimeOnOff("time_on", ReadingsVal("$name", "state", 0), ReadingsVal("$name", "time_on", 0));;},\
time_off\
{SetReadingTimeOnOff("time_off", ReadingsVal("$name", "state", 0), ReadingsVal("$name", "time_off", 0));;},\
duration\
{SetReadingDuration(ReadingsVal("$name", "state", 0), ReadingsVal("$name", "duration", 0));;},\
\
\
attr OU.NN.IrrigationAutomatic.Test webCmd time_on:time_off:duration:initialize:disable
Ich würde nun gern die in den Readings gespeicherten Werte für time_on und time_off im Widget als Startwert übernehmen. Außerdem würde ich über dem Widgets gern jeweils den Titel (time_on,time_off) anzeigen.
Hat hierzu jemand eine Idee?
Jorge
Hallo Zusammen,
ich nutze den DateTimePicker nun schon seit geraumer Zeit und bin begeistert.
Allerdings beschränkt sich die Anwendung bisher immer auf Dummy.
Nun wollte ich aber die Akkulaufzeiten diverser realer Geräte erfassen und denke darüber nach das mit dem DateTimePicker benutzerfreundlicher zu haben.
Was ich gerne machen würde, ein beliebiges Reading, z.B. Batteriewechsel, per widgetOverride so einstellen, dass ich im Falle des Batteriewechsel das Datum aus dem DTP Widget bekomme. Bisher allerdings ohne Erfolg.
Als Einschränkung sei erwähnt, dass ich nicht
widgetOverride state:...
verwenden möchte, da es sich wie gesagt um reale Geräte handelt, deren Status ja für Gerätewerte verwendet wird. Ich dachte da an
widgetOverride Batteriewechsel:...
aber das funktioniert so nicht.
Kann mir jemand einen Tipp geben?
Grüße
Knut
Da müsstest Du setList und readingsList verwenden, diese Attribute funktionieren nur bei Dummy und DOIF, soweit mir bekannt.
Für Beispiele zu DOIF gibt es hier eine Linksammlung https://forum.fhem.de/index.php/topic,63392.0.html
Alles klar, das hab ich mir schon so gedacht.
Habe gehofft dass ich es nicht richtig verstanden habe.
Schade, wäre so schön gewesen.
Danke und Grüße
Knut
Hallo,
in dem Beispiel mit der Start und Ende Funktion zu Beginn des Threads konnte ich über minDate das Start Datum klasse begrenzen. Doch wie schaffe ich es, dass das End-Datum tatsächlich größer als das Start-Datum ist?
Danke für einen Hinweis.
Gruß Wolfgang
ich möchte ein At mit dem DateTimePicker modifizieren, ich benötige ja folgende Formatierung der Zeit: modify Timer_sonoffNr1 2018-07-20T20:20:20
wie ist das data-format= anzugeben?
so hier die Lösung:
data-format="Y-m-d\TH:i:s"
das T muss escaped werden, sonst zeigt es eine Zeitzone an... warum das nicht im wiki steht??? keine Ahnung, sicher aus dem selben Grund wie vieles Anderes nicht im wiki steht...
wie kann man das wiki eigentlich ergänzen?
Zitat von: Rothammel am 18 Juli 2018, 22:49:35
wie kann man das wiki eigentlich ergänzen?
Anmelden, E-Mail abwarten und losschreiben.
Hallo,
ich habe mir heute das Widget installiert und versuche das für "DateOnly" und "TimeOnly" zum Laufen zu bringen.
"DateOnly" scheint zu funktionieren:
defmod dateTimePickerOnlyDate dummy
attr dateTimePickerOnlyDate room Einstellungen
attr dateTimePickerOnlyDate setList state:datetime,timepicker:false,theme:default,format:d.m.Y,inline:false
attr dateTimePickerOnlyDate webCmd state
Aber ich scheitere am "TimeOnly". Ich schaffe es nicht, das richtige Zeitformat zu nehmen:
defmod dateTimePickerOnlyTime dummy
attr dateTimePickerOnlyTime room Einstellungen
attr dateTimePickerOnlyTime setList state:datetime,datepicker:false,theme:default,format:H:i,inline:false
attr dateTimePickerOnlyTime webCmd state
Welche Format muss ich denn nehmen um HH:MM:SS angezeigt zu bekommen?
Danke im Voraus
lg, Gerhard
Ich möchte die Breite des Zeitauswahl Fensters ändern. Einmal ist das Fenster zu Breit, ist das Menü aufgeklappt ist es alles winzig.
Dies wurde schon mehrfach beschrieben, es wird keine Änderung angewendet.
Ich habe ich die \www\pgm2\style.css folgendes hinzugefügt:
.datetimepicker-Zeitsteuerung_Arbeiten {
width:20px;
text-align:center;
}
Testweise habe ich die Werte in der jquery.datetimepicker.css angepasst, leider ohne Erfolg.
Einen Neustart habe ich natürlich auch durchgeführt.
Was mache ich falsch?
Also bin auch kein Experte, habe das aus dem Forum hier übernommen.
Sieht bei mir genauso aus, allerdings mit etwas mehr Pixel.
.datetimepicker-LEDKette_WZ_Set1 { width:60px; text-align:center; }
Ich verwende es in einer readingsGroup.
Neustart ist nicht erforderlich, reload 01_FHEMWEB reicht.
Funktioniert super bei mir.
Grüße
Leider kein Erfolg.
Ist die Änderung vom Style abhängig? Ich habe IOS7 eingestellt.
Habe ich die richtige Datei geändert? \www\pgm2\style.css
Richtige Datei, scheint Style zu sein.
Hallo,
ich wollte das Widget gerade mal ausprobieren. Dabei ist mir aufgefallen, dass es auf dem iPhone unter Safari nicht richtig dargestellt wird, unter firefox schon. Hat jemand ne Idee, woran das liegt?