Date Picker breaks page

Wappler General Bugs
1

Wappler 3.6.1 Node.js on local Docker environment.

Not sure why but if I add a date picker to my page the entire page turns white and the visibility of <html is="dmx-app"> gets set to none.
If I comment the date picker out <input id="date1" name="date1" is="dmx-date-picker"> then all works as normal again.
If i remove the visibility style from the html tag manually all my dynamic data is not rendered.

Can someone test if this is just me, as thats always quite possible.

2

Hi Paul,
So are there any error messages at the bottom of live view / browser console when the page breaks?

3

My bad, never even looked sorry, but yes

Screenshot 2020-12-18 at 13.22.40
Screenshot 2020-12-18 at 13.22.40457×538 70.5 KB

Its just running the error over and over again

4

Then you are probably missing the moment framework on your page.

1 Like
5

Aha, it did not add it in there for some reason, although I added the date picker component on a ‘layouts’ page, and the main.ejs got

<link rel="stylesheet" href="dmxAppConnect/dmxDatePicker/daterangepicker.min.css" />
  <script src="dmxAppConnect/dmxDatePicker/daterangepicker.min.js" defer=""></script>
  <link rel="stylesheet" href="dmxAppConnect/dmxDatePicker/dmxDatePicker.css" />
  <script src="dmxAppConnect/dmxDatePicker/dmxDatePicker.js" defer=""></script>

But when I readded the component directly into the main page then suddenly it also added

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js" integrity="sha256-CutOzxCRucUsn6C6TcEYsauvvYilEniTXldPa6/wu0k=" crossorigin="anonymous"></script>

Thanks Teo, that gets me back on track