title: How do i add jquery ui date picker, while already working with bootstrap library?
body: <p>I'm playing around with bootstrap and i was going to add a datepicker to the page using it, but without any success.. So i found the code for a datepicker, using query ui: <a href="http://jqueryui.com/datepicker/" rel="nofollow">Datepicker</a></p>
  
  <p>And tried this in a new html page, and it worked like a charm. However, i now want to use this in the page i was working on, but it seems like there are some conflicts between the different scripts and css files. Is there a way to solve this? </p>
  
  <p>(i have delated the content of the page but left the scripts and links i'm importing)</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
          &lt;title&gt;Svensk Bridge&lt;/title&gt;
          &lt;link rel="stylesheet" type="text/css" href="../css/bootstrap.css"&gt;
          &lt;link rel="stylesheet" type="text/css" href="../css/bootstrap-responsive.css"&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
  
          &lt;p&gt;Date: &lt;input type="text" id="datepicker" /&gt;&lt;/p&gt;
  
  
          &lt;script type="text/javascript" src="../js/jquery.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="../js/bootstrap.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="../js/list-function.js"&gt;&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>If i were to import all the files for the jquery ui for the date picker, it won't work.</p>
  
  <pre><code>&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8" /&gt;
    &lt;title&gt;jQuery UI Datepicker - Default functionality&lt;/title&gt;
    &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /&gt;
    &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
    &lt;script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="/resources/demos/style.css" /&gt;
    &lt;script&gt;
    $(function() {
      $( "#datepicker" ).datepicker();
    });
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;p&gt;Date: &lt;input type="text" id="datepicker" /&gt;&lt;/p&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>So, to sum up: Can i implement the jquery ui datepicker into my already existing document? And which scripts and links get prioritized? </p>
  
  <p>Regards,
  Bill</p>