Link to home
Start Free TrialLog in
Avatar of ITsolutionWizard
ITsolutionWizardFlag 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

Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

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?
Avatar of 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?
any helps?
Do you have a link to the page?
no. all is in localhost.
Just noticed you are adding your 2.2 script outside the </html> closing tag - any particular reason for that?
ASKER CERTIFIED SOLUTION
Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial