title: Datepicker is not functional but no error when inspecting the code?
body: <p>I have created a datepicker and was working fine, some strange reason it does not work now. But there are no error when inspecting. What could the reason for this? I know there was low shading and interrupted my development. </p>
  
  <pre><code>div class="d-flex justify-content-start"&gt;
   &lt;div class = "col-xl-10 col-lg-10 col-md-10 col-sm-12 col-16"&gt;
   &lt;div class="input-daterange input-group" id="datepicker"&gt;
    &lt;input type="text" class="input-sm form-control" name="from" placeholder="startdate"/&gt;
    &lt;span class="input-group-addon"&gt;To&lt;/span&gt;
    &lt;input type="text" class= "input-sm form-control" placeholder="enddate"/&gt;
    &lt;/div&gt;
    &lt;/div&gt;
    &lt;/div&gt;   
    &lt;br/&gt;
    &lt;br/&gt;
    &lt;br/&gt;
   $(document).ready(function(){
    $('.input-daterange').datepicker({
     dateFormat: "dd-mm-yy"
  
      });
    });
  </code></pre>
  
  <p>// what i am using as a code.</p>
  
  <pre><code>&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"&gt;
    &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker3.min.css"&gt;
  
  
  
   &lt;div class="d-flex justify-content-start"&gt;
   &lt;div class="input-daterange input-group" id="datepicker"&gt;
     &lt;input type="text" class="input-sm form-control" name="from" placeholder="startdate"/&gt;
     &lt;span class="input-group-addon"&gt;To&lt;/span&gt;
     &lt;input type="text" class= "input-sm form-control" placeholder="enddate"/&gt;
       &lt;/div&gt;
    &lt;/div&gt;&lt;br&gt;
  &lt;br&gt;
    &lt;br/&gt;
    &lt;br/&gt;
  
  
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='https://raw.githack.com/jamiebicknell/Toggle-Switch/master/jquery.toggleswitch.js'&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
     // date functionality
    $(document).ready(function(){
    $('.input-daterange').datepicker({
     dateFormat: "dd-mm-yy",
      autoclose:true
  
      });
    });
    &lt;/script&gt;
  </code></pre>