Avatar of ITsolutionWizard
ITsolutionWizard
Flag for United States of America asked on

jquery calendar

I have been looking for pop up the calendar (show two) like this one below: https://www.facilities.umd.edu/Style%20Library/FM%20Publishing/JQuery/daterangepicker/website/index.html#overview

And my website using <script type="text/javascript" src="scripts/jquery-2.2.0.min.js"></script>  and I have the following codes and the calendar does not work anymore.
When <script type="text/javascript" src="scripts/jquery-2.2.0.min.js"></script> is removed, everything is working.

Do you know how to fix it?

Thanks


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Testing.aspx.cs" Inherits="RvRentOutCOM.Testing" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
<!-- Include Required Prerequisites -->
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />

<!-- Include Date Range Picker -->
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />
<script type="text/javascript">
    $(function () {
        $('input[id="daterange"]').daterangepicker();
    });
</script>
</head>
<body>
    <form id="form1" runat="server">
        <div> <input type="text" name="daterange" id="daterange" value="01/01/2015 - 01/31/2015" />
        </div>
    </form>    
</body>
</html>
    <script type="text/javascript" src="scripts/jquery-2.2.0.min.js"></script>  

Open in new window

JavaScriptjQueryBootstrap

Avatar of undefined
Last Comment
Julian Hansen

8/22/2022 - Mon
Julian Hansen

You already have a jQuery library loaded
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>

Why are you loading another one - and why 2.2  - why not 3?
ITsolutionWizard

ASKER
We use 2.2 because our website template already using it. In this case if we want to make the calendar working.
What do you suggest me to do?
ITsolutionWizard

ASKER
any helps?
Your help has saved me hundreds of hours of internet surfing.
fblack61
Julian Hansen

Do you have a link to the page?
ITsolutionWizard

ASKER
no. all is in localhost.
Julian Hansen

Just noticed you are adding your 2.2 script outside the </html> closing tag - any particular reason for that?
⚡ FREE TRIAL OFFER
Try out a week of full access for free.
Find out why thousands trust the EE community with their toughest problems.
ASKER CERTIFIED SOLUTION
Julian Hansen

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
GET A PERSONALIZED SOLUTION
Ask your own question & get feedback from real experts
Find out why thousands trust the EE community with their toughest problems.