title: Bootstrap-Datetimepicker Not working
body: <p>I have been looking at this for 2 days, and cant figure out what I am doing wrong.</p>
  
  <p>Here is a fiddle with my project. <a href="http://jsfiddle.net/dagger2002/RR4hw/">http://jsfiddle.net/dagger2002/RR4hw/</a></p>
  
  <p>Here is the HTML</p>
  
  <pre><code>    &lt;div class="container"&gt;
      &lt;div class="col-sm-6" style="height:75px;"&gt;
          &lt;div class='col-md-5'&gt;
              &lt;div class="form-group"&gt;
                  &lt;div&gt;Start&lt;/div&gt;
  
                  &lt;div class='input-group date' id='startDate'&gt;
                      &lt;input type='text' class="form-control" name="startDate" /&gt;
                      &lt;span class="input-group-addon"&gt;&lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
                      &lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class='col-md-5'&gt;
              &lt;div class="form-group"&gt;
                  &lt;div&gt;End&lt;/div&gt;
  
                  &lt;div class='input-group date' id='endDate'&gt;
                      &lt;input type='text' class="form-control" name="org_endDate" /&gt;
                      &lt;span class="input-group-addon"&gt;&lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
                      &lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the Jquery.</p>
  
  <pre><code>jQuery(function () {
      jQuery('#startDate').datetimepicker();
      jQuery('#endDate').datetimepicker();
      jQuery("#startDate").on("dp.change",function (e) {
          jQuery('#endDate').data("DateTimePicker").setMinDate(e.date);
      });
      jQuery("#endDate").on("dp.change",function (e) {
          jQuery('#startDate').data("DateTimePicker").setMaxDate(e.date);
      });
  });
  </code></pre>
  
  <p>I am getting no errors and when I run it through fiddle it says no errors found. I am new to jQuery so I am not sure what I am doing wrong. </p>
  
  <p>Oh yeah. I am using long name do to this going into a joomla site that is also using moo tools.</p>
  
  <p>Thanks in Advance.</p>
  
  <p>UPDATE</p>
  
  <pre><code>&lt;!doctype html&gt;
  
  &lt;html lang="en-gb"&gt;
      &lt;head&gt;
          &lt;meta http-equiv="content-type" content="text/html; charset=utf-8" /&gt;
          &lt;meta name="x-ua-compatible" content="IE=edge,chrome=1" /&gt;
          &lt;title&gt;DateTime Test&lt;/title&gt;
  
          &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /&gt;
  
  
          &lt;!-- Style Sheets --&gt;
          &lt;link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.min.css" type="text/css" /&gt;
          &lt;link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" type="text/css" /&gt;
  
          &lt;!-- Scripts --&gt;
          &lt;script src="//ajax.googleapis.com/ajax/libs/mootools/1.3.0/mootools-yui-compressed.js"&gt;&lt;/script&gt;
          &lt;script src="https://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript"&gt;&lt;/script&gt;
  
          &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/3.0.0/js/bootstrap-datetimepicker.min.js" type="text/javascript"&gt;&lt;/script&gt;  
          &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.4.0/lang/en-gb.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script&gt;
              jQuery.noConflict();
          // Code that uses other library's $ can follow here.
          &lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;div class="container"&gt;
              &lt;div class="col-sm-6" style="height:75px;"&gt;
                 &lt;div class='col-md-5'&gt;
                      &lt;div class="form-group"&gt;
                          &lt;div&gt;Start&lt;/div&gt;
  
                          &lt;div class='input-group date' id='startDate'&gt;
                              &lt;input type='text' class="form-control" name="startDate" /&gt;
                              &lt;span class="input-group-addon"&gt;
                                     &lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
                              &lt;/span&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class='col-md-5'&gt;
                      &lt;div class="form-group"&gt;
                          &lt;div&gt;End&lt;/div&gt;
  
                          &lt;div class='input-group date' id='endDate'&gt;
                              &lt;input type='text' class="form-control" name="org_endDate" /&gt;
                              &lt;span class="input-group-addon"&gt;&lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
                              &lt;/span&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This jFiddle works. <a href="http://jsfiddle.net/RR4hw/11/">http://jsfiddle.net/RR4hw/11/</a></p>
  
  <p>But when I incorporate it into a regular page it breaks. Not sure what I am messing up. </p>
  
  <p>Thanks in advance.</p>