troubleshooting Question

Bootstrap Datepicker...different approach

Avatar of Bob Schneider
Bob SchneiderFlag for United States of America asked on
JavaScriptASPBootstrap
4 Comments1 Solution7 ViewsLast Modified:
Ok, I think I have figured out what is wrong.  The site I am trying to add DatePicker to is a template site and I think there is an order issue.  The pagecan be found at https://www.etraxc.com/pages/date_picker.asp  The error I am getting is found below.  Either I have not followed the advice given to me by some on this site very well or the template has things in such an order that the page is not finding the jquery prior to loading the page.  
bootstrap-datepicker.min.js:7 Uncaught ReferenceError: jQuery is not defined
    at bootstrap-datepicker.min.js:7
    at bootstrap-datepicker.min.js:7
date_picker.asp:156 Uncaught ReferenceError: $ is not defined
    at date_picker.asp:156
VM120:2 Uncaught TypeError: $(...).datepicker is not a function
    at HTMLDocument.eval (eval at globalEval (jquery.min.js:2), <anonymous>:2:63)
    at j (jquery.min.js:2)
    at Object.add [as done] (jquery.min.js:2)
    at n.fn.init.n.fn.ready (jquery.min.js:2)
    at eval (eval at globalEval (jquery.min.js:2), <anonymous>:1:13)
    at eval (<anonymous>)
    at Function.globalEval (jquery.min.js:2)
    at n.fn.init.domManip (jquery.min.js:3)
    at n.fn.init.append (jquery.min.js:3)
    at n.fn.init.<anonymous> (jquery.min.js:3)
site.webmanifest:2 Manifest: Line: 2, column: 1, Syntax error.
If I move the scripts in the footer to the header (which is where it is right now), I get this message:
date_picker.asp:206 Uncaught TypeError: $(...).datepicker is not a function
    at HTMLDocument.<anonymous> (date_picker.asp:206)
    at j (jquery.min.js:2)
    at Object.fireWith [as resolveWith] (jquery.min.js:2)
    at Function.ready (jquery.min.js:2)
    at HTMLDocument.I (jquery.min.js:2)
(anonymous) @ date_picker.asp:206
j @ jquery.min.js:2
fireWith @ jquery.min.js:2
ready @ jquery.min.js:2
I @ jquery.min.js:2
DevTools failed to load source map: Could not parse content for https://www.etraxc.com/app-assets/vendors/js/charts/gmaps.min.js.map: Unexpected token < in JSON at position 2
DevTools failed to load source map: Could not load content for chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/content.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
site.webmanifest:2 Manifest: Line: 2, column: 1, Syntax error.
I have moved all of the include content to this page, which is as simple of a "date picker only" page that I can come up with.  I really need this to work.  I am learning a lot but I just can't get this one resolved.

Thanks in advance!
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 1 Answer and 4 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 4 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros