title: Bootstrap Datetimepicker set date
body: <p>I am using a <a href="http://eonasdan.github.io/bootstrap-datetimepicker/" rel="noreferrer">datetimepicker</a> from Eonasdan which works fine so far.</p>
  
  <p>I have a HTML element like this</p>
  
  <pre><code>&lt;div id="datetimepicker"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and use the datetimepicker function like this:</p>
  
  <pre><code>$("#datetimepicker").datetimepicker({
      inline: true,
      sideBySide: true,
      stepping: 5,
      locale: "de"
  });
  </code></pre>
  
  <p>The result looks like this:
  <a href="https://i.stack.imgur.com/LkXuP.png" rel="noreferrer"><img src="https://i.stack.imgur.com/LkXuP.png" alt="enter image description here"></a></p>
  
  <p>I want to update the date via Javascript using the <a href="http://eonasdan.github.io/bootstrap-datetimepicker/Functions/#date" rel="noreferrer">date</a> function. My try looks like this:</p>
  
  <pre><code>$("#datetimepicker").data("DateTimePicker").date("2016-01-01");
  </code></pre>
  
  <p>Unfortunately this only returns a large object and does not alter the visible date in any way. This object is returned</p>
  
  <pre><code>Object { destroy: c/l.destroy(), toggle: c/ha(), show: c/ga(), hide: c/ba(),
      disable: c/l.disable(), enable: c/l.enable(), ignoreReadonly: c/l.ignoreReadonly(),
      options: c/l.options(), date: c/l.date(), format: c/l.format(), 40 weitere… }
  </code></pre>
  
  <p>Using a different time format or taking only date and no time or whatsoever does not help either.</p>
  
  <p>None of the suggested solutions I found on various websites have solved my problem. I don't know whether I have to update the element? If so, how do I do it? I could not find any hint in the docs...</p>
  
  <p>It is not an option to use the defaultDate since I need to do this process twice with two different dates.</p>