title: no space between date and time using jquery-ui date/time picker
body: <p>hi i have a jquery date/time picker.. my problem is that it is displayed in </p>
  
  <pre><code>2011-05-045:36 PM
  </code></pre>
  
  <p>and i need help on how to do it as </p>
  
  <pre><code>2011-05-04 5:36 PM
  </code></pre>
  
  <p>i know its very easy for you guys but i cant really make it to work. please help me.</p>
  
  <p>code:</p>
  
  <pre><code>&lt;script&gt;
  date_obj = new Date();
  date_obj_hours = date_obj.getHours();
  date_obj_mins = date_obj.getMinutes();
  
  if (date_obj_mins &lt; 10) { date_obj_mins = "0" + date_obj_mins; }
  
  if (date_obj_hours &gt; 11) {
      date_obj_hours = date_obj_hours - 12;
      date_obj_am_pm = " PM";
  } else {
      date_obj_am_pm = " AM";
  }
  
  date_obj_time = "'"+date_obj_hours+":"+date_obj_mins+date_obj_am_pm+"'";
  
  $(function() {
      $( "#regdate" ).datepicker({
          dateFormat: $.datepicker.ISO_8601 + date_obj_time,
      });
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="field"&gt;&lt;label for="regdate"&gt;Registration Date &lt;/label&gt; &lt;input id="regdate" name="regdate" size="20" type="text" class="large" /&gt;&lt;/div&gt;
  </code></pre>