Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Data Bridge › Form Toolkit › Datepicker not working

Datepicker not working

Thread began 4/25/2016 9:37 am by Mags | Last modified 4/26/2016 11:39 am by Ray Borduin | 1956 views | 6 replies |

4/25/2016 9:37 am | #1 Mags

Datepicker not working

Just added a datepicker to a field on a new page on a site which already has working datepickers, but this one isn't working - nothing happens when I click in the field. I've checked for conflicting versions of jquery but all seems to be OK. Could you take a look? It should be on the Expected Start Date field.

http://www.accountant-registration.co.uk/LifeAssurance/rate-calculator.php

4/25/2016 11:08 am | #2 Ray BorduinWebAssist

These two lines are out of order:

<script src="../js/bootstrap.js"></script>
<script type='text/javascript' src='js/jquery.min.js'></script>

should be:

<script type='text/javascript' src='js/jquery.min.js'></script>
<script src="../js/bootstrap.js"></script>

Did this help? Tips are appreciated...

4/25/2016 11:16 am | #3 Mags

Tried that but still not working.

4/25/2016 12:43 pm | #4 CraigRBeta Tester

According to the console, you have an error

Uncaught Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher

you are using 1.7.1

4/25/2016 2:00 pm | #5 Mags

Tried changing to the most recent jQuery, still no joy. As I said, I have other working datapickers on this site which use older versions of jQuery & Bootstrap, but for some reason I just can't get this one to work. I've even tried stripping out Bootstrap JS & CSS files, still nothing. I'm still getting an error in the console, rate-calculator.php:34 Uncaught TypeError: $(...).datepicker is not a function but I don't know enough about Javascript to fix this (and line 34 is the standard Webassist datepicker script that works on all other pages anyway). Never had this issue before, it's driving me nuts!

4/26/2016 8:58 am | #6 Ray BorduinWebAssist

You are still getting an error in your jquery include. Try using the google hosted version.

Replace:
<script src="//code.jquery.com/jquery-1.10.2.js"></script>

With:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

Did this help? Tips are appreciated...

4/26/2016 9:39 am | #7 Mags

OK, I've narrowed down the section of code that's causing the error - the calculations in the form were generated by SpreadsheetConverter and there's a big chunk of script after the closing <body> tag, which contains something that's conflicting with the datepicker. If I remove all of that code, the datepicker works but then of course the calculation doesn't! I'll raise a support ticket with SpreadsheetConverter to see if they can advise!

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.