Date/Calendar Picker not showing on web form

Max Classic
1

Hello,

Wondering if anyone can help? I use the following code in a HTML snippet in my external form. However no calendar or date picker appears:

    <link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js" type="text/javascript">
</script>
<script type="text/javascript">
jQuery('#inf_custom_JobDate0ddmmyyyy').datepicker({ dateFormat: "dd-mm-yy" });
</script>

Any suggestions as to why? I use Javascript to embed the form on the page. This code has worked with other forms but not on new ones I have created…

2

Would have to see the page to tell your for sure.

At first glance, maybe check the field id: #inf_custom_JobDate0ddmmyyyy

If the field has changed on this form compared to others, than it would need an update.

3

Hey Mark,

I have changed it to reflect to code the form field is (using Inspect on Chrome) and I’m still having the same problem :frowning:

4

Hi,

Going to be hard to say without seeing the page. Try opening the console in Chrome and see if an error shows. You may have to refresh the page with the console open or try to click to see if an error shows up:

sws-inspect
sws-inspect1300×607 1.15 MB

5

Thanks Mark, Still having the issue - there is an error when I go to inspect.

The thing is, it has worked on other forms I have on the same site - same code, different field works fine! I’m just not sure why it’s not working on new forms I create using the same code!!!

6

I have just discovered that the date picker only works when the field labels are aligned above the field. I wanted to make my form look neater by having he labels aligned to the left but when I do this the calendar date picker does not appear…