skip to Main Content

Morning folks,

I am using Visual studio 2013 and have an MVC project that I am working that uses the Bootstrap Twitter datepicker. I have no issue with the datepicker on my form as such, this does work.

I have added to my site via nuget package manager the following:

  • bootstrap V3.3.5.
  • jquery 3.1.1
  • jquery-ui-1.12.1.

When I run the project the I get the following pop up message:
enter image description here

If I press the continue button the message box goes away and the page is then loaded. When I test the bootstrap datepicker on my text box this renders fine.

On my Create.chstml I have referenced the following links and scripts at the top of my page.

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="../bootstrap.min.js" type="text/javascript"></script>

I can see that the version of jquery and bootstrap are compatible and that jquery is referenced above bootstrap so I am not to sure why I am getting this error?

Any ideas or suggestions are welcome.

Regards
Betty

2

Answers


  1. Bootstrap 3 is not compatible with jQuery 3.0 and above at the moment. So latest version of jQuery that can be used with Bootstrap 3 is 2.2.4.

    Although, some reported that it works with jQuery Migrate.

    You can check this discussion for more info

    -Help 🙂

    Login or Signup to reply.
  2. <script src="https://code.jquery.com/jquery-3.1.1.js"></script>
    

    provides this link at top of all the css & js link

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search