title: How to implement Jquery datetime picker with slider
body: <p>I have spent literally 2 days trying to get the Jquery datepicker with the time slider on my web page working without any success. The datepicker has just never appeared on the page regardless of what I do:</p>
  
  <p>On my web page I have the following:</p>
  
  <pre><code>&lt;link href="/Content/bootstrap/css/jquery/timepicker.css" rel="stylesheet"&gt;
  &lt;link href="/Content/bootstrap/css/jquery/jquery.ui.datepicker.css" rel="stylesheet"&gt;
  
  &lt;script type="text/javascript" src="/Scripts/jquery-lib/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="/Scripts/jquery-lib/jquery-2.0.3.js"&gt;&lt;/script&gt;
  
  
  &lt;script type="text/javascript"  src="/Content/bootstrap/js/jquery-ui-timepicker-addon.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"  src="/Content/bootstrap/js/jquery.ui.datepicker.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript"  src="/Content/bootstrap/js/jquery-ui-sliderAccess.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And script:</p>
  
  <pre><code>    &lt;script&gt;
          $(function () {
              $("#datetimepicker").datepicker();
          });
  &lt;/script&gt;
  </code></pre>
  
  <p>I have also tried:</p>
  
  <pre><code>&lt;script&gt;
      $(function () {
          $("#datetimepicker").datetimepicker();
      });
  </code></pre>
  
  <p></p>
  
  <p>And in the body I tried:</p>
  
  <pre><code>&lt;div id="datetimepicker" class="ui-datepicker"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And</p>
  
  <pre><code>&lt;p&gt;Date: &lt;input type="text" class="ui-datepicker" id="datetimepicker"&gt;&lt;/p&gt;
  
  &lt;div&gt;&lt;input id="datetimepicker" class="ui-datepicker" type="text" value="" name="basic_example_1"/&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Can someone send please help me by showing an example of jquery datetimepicker with slider working in jsfiddle?</p>
  
  <p>Or tell me exactly how to get this working?</p>