title: how to configure datepicker using bootstrap3?
body: <p>I'm currently using bootstrap3 and Codeigniter latest verion and I have any problem with datepicker 
      <strong>after I can't get datepicker with bootstrap3 I have try to use jquery datepicker as below code</strong> </p>
  
  <pre><code>&lt;link href="&lt;?PHP echo base_url() ?&gt;bootstrap-3/dist/css/bootstrap.css" rel="stylesheet"&gt;
  &lt;div class="my_wraper"&gt;
                  &lt;div class="col-xs-0 col-sm-1 placeholder"&gt;
                      &lt;a class="btn btn-primary"
                          href="&lt;?php echo base_url('invoice/add')?&gt;"&gt;Add&lt;/a&gt;
                  &lt;/div&gt;
                  &lt;div class="col-xs-0 col-sm-10 placeholder"&gt;
                      &lt;form action="" method="post"&gt;
                          &lt;input class="btn btn-primary btn-sm" type="button" name="" value="Search" &gt;
                          &lt;input class="col-xs-3 form-control" id="inputSuccess4" type="text" name="" placeholder="name, in_id, amount, cus name, fiber no" /&gt; 
  
                          &lt;input class="btn btn-primary btn-sm" type="button" name="" value="Filter by Invoice type" &gt;
                          &lt;select class="col-xs-1 form-control"&gt;
                              &lt;option class="testing" value="C15+"&gt;All&lt;/option&gt;  
                              &lt;option class="testing" value="C15+"&gt;Deposit&lt;/option&gt;  
                              &lt;option class="testing" value="C15+"&gt;Prepayment&lt;/option&gt;  
                              &lt;option class="testing" value="C15+"&gt;Monthly fee&lt;/option&gt;  
                              &lt;option class="testing" value="C15+"&gt;Installation fee&lt;/option&gt;  
                          &lt;/select&gt;
                           &lt;input class="btn btn-primary btn-sm" type="button" name="" value="filter" &gt;
                           &lt;input class="col-xs-1 form-control" type="text"/&gt; 
                          &lt;span class="btn btn-sm"&gt;To&lt;/span&gt;
                           &lt;input class="datepicker col-xs-1 form-control" type="text"/&gt; 
  &lt;input class="datepicker" type="text"/&gt; 
                      &lt;/form&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
  
          &lt;link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"&gt;
            &lt;script src="//code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;
            &lt;script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"&gt;&lt;/script&gt; 
  
    &lt;script type="text/javascript"&gt;
              // When the document is ready
              $(document).ready(function () {
                  $('.datepicker').datepicker({
                      format: "dd/mm/yyyy"
                  });  
  
              });
          &lt;/script&gt;
  </code></pre>
  
  <hr>
  
  <p>Here is bootstrap datepicker library that I used to get datepicker for my above form but it still not working for me</p>
  
  <pre><code>&lt;script src="js/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
          &lt;script src="js/bootstrap-datepicker.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              // When the document is ready
              $(document).ready(function () {
  
                  $('#example1').datepicker({
                      format: "dd/mm/yyyy"
                  });  
  
              });
          &lt;/script&gt;
  </code></pre>
  
  <p>How can I do or what i'm wrong with this structure </p>