How to close bootstrap datetimepicker when date is selected

Question

I am using bootstrap datetimepicker (http://eonasdan.github.io/bootstrap-datetimepicker/Installing/).

When I select the date the picker does not hides and I have to click outside to close it. How to close datetimepicker when date is selected/clicked?

<div class="col-sm-3">
  <asp:TextBox ID="date2" class="form-control" runat="server"
    onfocus="this.style.backgroundColor='yellow'"
    onblur="this.style.backgroundColor='cyan'"/>
  <script type="text/javascript">
    $(function () {
      $('#date2').datetimepicker();
    });
  </script> 
</div>

Answer 1

You can force the datetimepicker to hide itself with the following piece of code.

$('#date2').data("DateTimePicker").hide();

For other functions like hide please consider checking out the documentation.