Custom date and time picker


#1

Hello dear Node-RED community,

First of all, I would like to thank the whole Node-RED community for supporting this great platform. I am new to Node-RED, with a couple of months of tinkering behind me, but I already love the whole concept and workflow of it. So thank you for all of your efforts!

I found this Date and Time picker and I really like how it works. That said, I am struggling to integrate it in the dashboard. It is called angular-moment-picker and it's great that it has date and also time selection very granular,down to the seconds.

These are the pages of the picker:

My problem is, I can't figure out where to put the script part of the code and also where to paste this part:

Add moment-picker dependency to your module:

var myApp = angular.module('myApp', ['moment-picker']);

Could someone please help me with this?

Thank you,
Örs


#2

I don't believe you can use Angular modules in the Dashboard.


#3

Thank you for your response. Is there a way to make it work? Or what is the easiest method of making this to work? uibuilder maybe or some other way?


#4

Hi, yes you can certainly do this with uibuilder with a version of Angular. We don't have an Angular example in the WIKI so if you do try it, please consider creating a WIKI entry :smile:

The downside of using Angular is that it is very heavy on resources and very complex to build apps. That's fine if your app has to be very complex but not so good otherwise. Dashboard nicely hides the complexity for you of course but at the expense of limiting what you can do.

Adding a component that uses moment - which itself is pretty resource intensive - will make that worse of course and you may find that your web app doesn't work well with some mobile browsers.

Using uibuilder with something like VueJS is much more lightweight. Because Vue is very popular, there are numerous date/time pickers available for it.