My Date and time picker JS is not working


I am developing a webpage using twitter bootstrap frame and calling a JS date and time Picker, but it is not working as I am not JS programmer I am not getting the error…

here is the html code:

<!DOCTYPE html>
<html lang="en">

<title>B 2 B Responsive</title>
    <meta charset="utf-8">
        <link rel="icon" href="img/favicon.ico" type="image/x-icon">
        <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen">
    	<link rel="stylesheet" href="css/daterangepicker-bs3.css" type="text/css" media="screen" />
      <script type="text/javascript" src="js/moment.js"></script>
      <script type="text/javascript" src="js/daterangepicker.js"></script>
 	  <script type="text/javascript" src="js/jquery.min.js"></script>

    <div class="span9">
        <div class="well">
           <form class="form-horizontal">
              <div class="control-group">
                <label class="control-label" for="reservationtime">Reservation dates:</label>
                <div class="controls">
                 <div class="input-prepend">
                   <span class="add-on"><i class="glyphicon glyphicon-calendar icon-calendar"></i></span>
                   <input type="text" style="width: 300px" name="reservation" id="reservationtime" value="08/01/2013 1:00 PM - 08/01/2013 1:30 PM"  class="span4"/>

           <script type="text/javascript">
           $(document).ready(function() {
                timePicker: true,
                timePickerIncrement: 30,
                format: 'MM/DD/YYYY h:mm A'


and uploaded link :

I am taking this date and time picker from this page here it is working perfectly, but why it is not working on my above page…

your early reply appreciated…


You should call the jquery include before any other javascript files that use jquery.

<script type="text/javascript" src="js/jquery.min.js"></script>

Put that before your other JS files.