title: Bootstrap datetimepicker close when another datetimepicker is opened
body: <p>I'm currently using <a href="http://eonasdan.github.io/bootstrap-datetimepicker/" rel="nofollow">http://eonasdan.github.io/bootstrap-datetimepicker/</a></p>
  
  <p>How do we close an opened datetimepicker if I open another datetimepicker?</p>
  
  <p>Because I have 2 datetimepickers and they over lap.</p>
  
  <p>code:</p>
  
  <pre><code>$('#picker_start_date').click(function() {
      var start_picker = $("#picker_start_date").find(".bootstrap-datetimepicker-widget");
      var end_picker = $("#picker_end_date").find(".bootstrap-datetimepicker-widget")
      if(end_picker.is(":visible")) {
          end_picker.hide();
          start_picker.show();
      }
      else {
          start_picker.show();
      }
  })
  
  $('#picker_end_date').click(function() {
      var start_picker = $("#picker_start_date").find(".bootstrap-datetimepicker-widget");
      var end_picker = $("#picker_end_date").find(".bootstrap-datetimepicker-widget");
      if(start_picker.is(":visible")) {
          start_picker.hide();
          end_picker.show();
      }
      else {
          end_picker.show();
      }
  })
  </code></pre>
  
  <p>I've tried this code above and it's hit and miss. It's not consistent</p>