title: Bootstrap Date Range Picker -> Single Date Picker: How to set a Date
body: <p>I'm experimenting with <a href="http://www.daterangepicker.com/" rel="nofollow noreferrer">Boootstrap Date Range Picker</a> </p>
  
  <p>Whats the best way to set Date into a <strong>Single Date Picker</strong> via Javascript?</p>
  
  <p>Single Date Picker initialization code</p>
  
  <pre><code>$(#date).daterangepicker({
      locale: {
            format: 'DD/MM/YYYY',
      },
      singleDatePicker: true,
      showDropdowns: true
  });
  </code></pre>
  
  <p>I tried with below code:</p>
  
  <pre><code>$("date").data('daterangepicker').setStartDate(data.startDate);
  </code></pre>
  
  <p>This way, I'm getting below output, which is not really acceptable!!!
  <a href="https://i.stack.imgur.com/hdsBq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hdsBq.png" alt="enter image description here"></a> </p>
  
  <p>Hope someone come up with a nice solution.</p>
  
  <p>Cheers!!</p>