close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Datepicker not working

Thread began 4/25/2016 12:37 pm by MagsW | Last modified 4/26/2016 2:39 pm by Ray Borduin | 116 views | 6 replies |

MagsW

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

Sign in to reply to this post

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>

Sign in to reply to this post

MagsW

Tried that but still not working.

Sign in to reply to this post

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

Sign in to reply to this post

MagsW

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!

Sign in to reply to this post

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>

Sign in to reply to this post

MagsW

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!

Sign in to reply to this post

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.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...