Comments (3)
First pass added in #33 with the on-change
event functional, and basic text-field from Vuetify used.
from node-red-dashboard.
Basic implementation completed in #75
from node-red-dashboard.
I suggest that we take the opportunity with D2 to fix some anomalies with date/time pickers in D1.
My time zone is GMT+1.
If I configure a D1 Text Input node in Time Picker mode and select a time of 12:00 it passes on the number 39600000 which is 11 hours in milliseconds. It is taking the timezone into account.
If I configure a D1 Time Picker Form field, however, and enter 12:00 it provides the string "1970-01-01T11:00:00.000Z".
Whether either of these is ideal I am not sure. Personally I think I would prefer 12 hours in milliseconds, whatever the timezone.
This flow might be useful if others want to see the behaviour
[{"id":"be4767c3598b35e1","type":"ui_date_picker","z":"bdd7be38.d3b55","name":"","label":"date","group":"903a6ab8.4f4ca8","order":2,"width":0,"height":0,"passthru":true,"topic":"topic","topicType":"msg","className":"","x":130,"y":2360,"wires":[["76337593160c67e4","b7e30851adb09f44"]]},{"id":"76337593160c67e4","type":"debug","z":"bdd7be38.d3b55","name":"debug 99","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":380,"y":2360,"wires":[]},{"id":"db3bd499cfd68178","type":"ui_form","z":"bdd7be38.d3b55","name":"","label":"","group":"903a6ab8.4f4ca8","order":2,"width":0,"height":0,"options":[{"label":"Date","value":"date","type":"date","required":false,"rows":null},{"label":"Time","value":"time","type":"time","required":false,"rows":null}],"formValue":{"date":"","time":""},"payload":"","submit":"submit","cancel":"cancel","topic":"topic","topicType":"msg","splitLayout":"","className":"","x":130,"y":2460,"wires":[["c4b4ac1b8e4653d6","888c9bfc16a3cdeb"]]},{"id":"c4b4ac1b8e4653d6","type":"function","z":"bdd7be38.d3b55","name":"types","func":"msg.payload = `typeof: date: ${typeof msg.payload.date}, time: ${typeof msg.payload.time}`\nreturn msg;","outputs":1,"timeout":0,"noerr":0,"initialize":"","finalize":"","libs":[],"x":280,"y":2500,"wires":[["888c9bfc16a3cdeb"]]},{"id":"60f9232a0ca40af0","type":"ui_text_input","z":"bdd7be38.d3b55","name":"","label":"text input time","tooltip":"","group":"903a6ab8.4f4ca8","order":2,"width":0,"height":0,"passthru":true,"mode":"time","delay":300,"topic":"topic","sendOnBlur":true,"className":"","topicType":"msg","x":140,"y":2580,"wires":[["1f194237fbb35739","f2433b63be0d877a"]]},{"id":"888c9bfc16a3cdeb","type":"debug","z":"bdd7be38.d3b55","name":"debug 100","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":450,"y":2480,"wires":[]},{"id":"f2433b63be0d877a","type":"debug","z":"bdd7be38.d3b55","name":"debug 101","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":460,"y":2580,"wires":[]},{"id":"7160619699a70b73","type":"ui_text_input","z":"bdd7be38.d3b55","name":"","label":"text input datetime","tooltip":"","group":"903a6ab8.4f4ca8","order":2,"width":0,"height":0,"passthru":true,"mode":"datetime-local","delay":300,"topic":"topic","sendOnBlur":true,"className":"","topicType":"msg","x":140,"y":2660,"wires":[["f40ae0ea29ac190f","2d0a7b77613825c7"]]},{"id":"f40ae0ea29ac190f","type":"debug","z":"bdd7be38.d3b55","name":"debug 102","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":480,"y":2660,"wires":[]},{"id":"1f194237fbb35739","type":"function","z":"bdd7be38.d3b55","name":"type","func":"msg.payload = `typeof: ${typeof msg.payload}`\nreturn msg;","outputs":1,"timeout":0,"noerr":0,"initialize":"","finalize":"","libs":[],"x":320,"y":2620,"wires":[["f2433b63be0d877a"]]},{"id":"2d0a7b77613825c7","type":"function","z":"bdd7be38.d3b55","name":"type","func":"msg.payload = `typeof: ${typeof msg.payload}`\nreturn msg;","outputs":1,"timeout":0,"noerr":0,"initialize":"","finalize":"","libs":[],"x":320,"y":2700,"wires":[["f40ae0ea29ac190f"]]},{"id":"b7e30851adb09f44","type":"function","z":"bdd7be38.d3b55","name":"type","func":"msg.payload = `typeof: ${typeof msg.payload}`\nreturn msg;","outputs":1,"timeout":0,"noerr":0,"initialize":"","finalize":"","libs":[],"x":250,"y":2400,"wires":[["76337593160c67e4"]]},{"id":"903a6ab8.4f4ca8","type":"ui_group","name":"Home","tab":"e2e6f4f5.56f91","order":1,"disp":false,"width":"6","collapse":false,"className":""},{"id":"e2e6f4f5.56f91","type":"ui_tab","name":"Homet","icon":"dashboard","order":3,"disabled":false,"hidden":false}]
I think there are also anomalies with the Date pickers in D1, but I have not fully analysed those yet.
from node-red-dashboard.
Related Issues (20)
- ButonGroup: add JSON aus output format HOT 4
- Button: Add passthrough HOT 6
- Group / Page with only deactivated widgets are shown HOT 2
- Ui-chart line chart series type:json not rendering data when json array contains a single key
- Investigate Apache ECharts as a ChartJs alternative for ui-chart HOT 3
- WebSocket Connection Issues HOT 12
- Chart: set a complete multiline chart with one single message. HOT 2
- SideBar related to DashBoard2 empty HOT 6
- Option to hide the top bar HOT 2
- Informational question: gestures support HOT 7
- 'Widget load' event triggered only when there is data for the node in the Node-red datastore
- Add new Teleport for app-bar-title HOT 2
- ui-template: template is not rendered until content is sent HOT 5
- DB2 \ Layout \ Pages keeps resetting to expanded view. HOT 3
- Include VSparkline for use in ui-template HOT 4
- ui-table: add inital Row setting to Items per page dropdown
- ui-table: possibility to hide array values that are displayed HOT 3
- Add a way to move a group to other page using "UI Control" node .
- Dashboard does not reconnect if network is down for a significant time. HOT 1
- Ditch the Connection Re-established popup! HOT 7
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from node-red-dashboard.