Has anyone managed to get this date and time picker working in a webflow form: DateTimePicker
I searched the forums and spotted one entry by Jeff S in this post (Date Time picker in a form) but not enough detail to see where the custom code goes. The instructions are to place it after the /body tag but webflow only provides a before /body tag option.
Also, struggling to figure out where to place this:
- Name: datetimepicker
- Value: jQuery(‘#datetimepicker’).datetimepicker();
Thanks in advance for any help
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
Just changed the category from Custom Code to Webflow Integrations as I may have asked for help in the wrong area.
Welcome to the forum!
I quickly put together an example of this for you, published site here: https://datetimepicker-3f0846.webflow.io/
Here’s the read-only link: Webflow - datetimepicker
Code snippet in Page Settings > Custom Code > Before
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js" ></script>
You’ll just need to set your input’s ID to ‘datetimepicker’ or whatever you specify in the code.
Hope this helps!
Thanks so much Milan, that worked a treat, so happy
If anyone needs two dates (from and to) as I did you just need to replace $(‘#datetimepicker’).datetimepicker(); with $(‘#datetimepickerfrom’).datetimepicker(); and $(‘#datetimepickerto’).datetimepicker(); and change the ID’s to datetimepickerfrom and datetimepickerto