title: How to initialize datetimepicker with current value in the inputbox
body: <p>I want to initialize datetime picker with current value in the input box in the backbone view js file for which I have written following code in the afterRender function. This is not working. </p>
  
  <pre><code>afterRender: function() {
          this.$el.find('.time').datetimepicker({
              lazyInit : true, // Lazy init to prevent a lot of instances right away
              datepicker : false,
              format : 'g:i A',
              formatTime: 'g:i A',
              defaultTime: $(this).val(),
              step: 1
          });
  }
  </code></pre>
  
  <p>And also I wanted to populate time field in my dust file with capital AM/PM using @format, but currently it is rendering with small am/pm in the field with the following code.</p>
  
  <pre><code>&lt;input type="text" id="eventTime" name="eventTime" 
  class="event_form time changewidth" data-error-style="tooltip" 
  style="width:90px;" skip_element="true" 
  value="{@format style="time" value=eventDateLocal pattern="h:mm a"/}" 
  oninput="eventStartTime.dataset.value=eventStartTime.value +' ' + eventTime.value"/&gt;
  </code></pre>