Help with the xdsoft.net date and time picker

Design help Custom code
1

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)

2

Just changed the category from Custom Code to Webflow Integrations as I may have asked for help in the wrong area.

3

Hi @Kiwifruit,

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 </body> tag:

<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>


<script>

$('#datetimepicker').datetimepicker();

</script>

You’ll just need to set your input’s ID to ‘datetimepicker’ or whatever you specify in the code.

Hope this helps!

1 Like
4

Thanks so much Milan, that worked a treat, so happy :grinning:

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