title: Bootstrap Datepicker is not Working .Using BootStrap 3.3.1
body: <p>First I have downloaded the zip file from  bellow link
  <a href="http://www.eyecon.ro/bootstrap-datepicker/" rel="nofollow noreferrer">http://www.eyecon.ro/bootstrap-datepicker/</a>
  and i got the following structure 
  1.CSS folder - datepicker.css
  2.JS folder-bootstrap-datepicker.js
  3.less folder - datepicker.less</p>
  
  <p>then i have added it to my asp.net mvc 4 project structure
  and in the index.cshtml i have added the references 
  then bellow is my code</p>
  
  <pre><code>&lt;script src="http://code.jquery.com/jquery.js"&gt;&lt;/script&gt;
      &lt;script src="~/Contents/bootstrap/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="~/Contents/bootstrap/js/npm.js"&gt;&lt;/script&gt;
      &lt;script src="~/Contents/bootstrap/js/bootstrap-datepicker.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
          $(function () {
              $('#datetimepicker9').datepicker();
              $('#datetimepicker10').datepicker();
              $("#datetimepicker9").onclick ("dp.change", function (e) {
                  $('#datetimepicker10').data("DateTimePicker").setDate(e.date);
              });
              $("#datetimepicker10").onclick("dp.change", function (e) {
                 $('#datetimepicker9').data("DateTimePicker").setDate(e.date);
              });
          });
      &lt;/script&gt;
  
  
  &lt;div class="searchDatePickerRow"&gt;
              &lt;div class="searchFrmDate"&gt;
                  &lt;form class="formMargin" role="form"&gt;
                      &lt;div class="form-group"&gt;
                  &lt;div class="input-group date" id="datetimepicker9"&gt;
                      &lt;input type="text" class="form-control" /&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;/form&gt;
              &lt;/div&gt;
              &lt;div class="searchToDate"&gt;
                  &lt;form class="formMargin" role="form"&gt;
                      &lt;div class="form-group"&gt;
                  &lt;div class="input-group date " id="datetimepicker10"&gt;
                      &lt;input type="text" class="form-control" /&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;/form&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>but when i click on the calander image datepicker is not working.
  I have followd the bellow links
  <a href="https://stackoverflow.com/questions/18887950/how-do-i-get-bootstrap-datepicker-to-work-with-bootstrap-3">How do I get bootstrap-datepicker to work with Bootstrap 3?</a>
  <a href="https://stackoverflow.com/questions/22846525/bootstrap-datetimepicker-not-working">Bootstrap-Datetimepicker Not working</a>
  but not getting any success.In the above link it is mentioned to add datetimepicker.js and moment.js but from where i will get this file.</p>