title: Extjs date format issue safari firefox
body: <p>Dates are stored in the format, <code>YYYY-mm-dd hh:mm:ss</code> in the database.</p>
  
  <pre><code>e.g.  2014-07-03 00:00:00
  </code></pre>
  
  <p>But I want my <code>Ext.Field.Date</code> to have the format:</p>
  
  <pre><code>Y-m-d H:i
  </code></pre>
  
  <p>As per my component set up:</p>
  
  <pre><code> xtype: 'datefield',
   id: 'p_p_start',
   fieldLabel: 'Planned Start',
   name: 'plannedstart',
   allowBlank: false,
   vtypeText: 'Date not valid',
   format: 'Y-m-d H:i',
  </code></pre>
  
  <p>It is quite reasonable of me to want to be able to display the date in browsers other than just Chrome. To-date, FireFox and Safari will display nothing.</p>
  
  <p>I've looked at a similar issue on SO which proposed support of all browser by splitting and reassembling the string format in a variation of:</p>
  
  <pre><code>var c=Ext.getCmp('p_p_start');
  var st_date = "2014-05-08";// with alt formats changed Y-m-d, leaving time out diags
  var dateParts = st_date.split(/-/);
  var d = new Date(dateParts[0],parseInt( dateParts[1], 10) -1,dateParts[2]);
  console.log("Date parts= " + dateParts);//Date parts= 2014,05,08 
  c.setValue(  d ); //NOPE!
  </code></pre>
  
  <p>I was very happy with progress in Chrome (no problems at all) but have yet to succeed in getting anything working in FF or Safari (not tried IE but it has to work in that also). So, in summary, the question is, 
  How do I get date formats in all browsers to work with the format <code>Y-m-d H:i</code> using <code>setValue</code>?</p>
  
  <p>Many thanks in advance.</p>
  
  <p>Kevin</p>