Date Range Picker Format Date

When using Date Range Picker on a normal text input, if I use the Format function then when the form is submitted the dates become undefined, and the UI of the date range picker fulls up with NaN

<input id="searchDateRange" name="SearchDateRange" type="text" class="form-control" is="dmx-date-range-picker" placeholder="Pick a Date Range" opens="left" timepicker="" use24hours="true" format="YYYY-MM-d HH:mm:ss">

Website results: initial selection before apply
2021-09-08_13-18-26

After Apply: text field changes to undefined
2021-09-08_13-18-51

Reopen the Date Range Selector becomes
2021-09-08_13-19-14

Hi Paul,
You can find the formatting options here:
https://momentjs.com/docs/#/displaying/

Is any of the help popup format wrong maybe?

1 Like

Aha, you fixed it, the popup in Wappler is giving incorrect instructions according to Moment
It should be YYYY-MM-DD HH:mm:ss and the UI shows

All the Day ones look like the instructions are wrong.

Also reported here

1 Like

This has been fixed in Wappler 4.0.4

This topic was automatically closed after 44 hours. New replies are no longer allowed.