title: How can I compare date/time values using the jQueryUI datepicker and HTML5 time input?
body: <p>I want to validate that the "begin" date/time pair predates the "end" date/time pair on a page. I'm using the jQueryUI datepicker, and the HTML5 time input element/widget.</p>
  
  <p>This jQuery:</p>
  
  <pre><code>    var begD = $.datepicker.parseDate('mm/dd/yy', $('#BeginDate').val());
      var endD = $.datepicker.parseDate('mm/dd/yy', $('#EndDate').val());
      if (begD &gt; endD) {
              alert('Begin date must be before End date');
              $('#BeginDate').focus();
              return false;
      }    
  </code></pre>
  
  <p>(see this script in context here: <a href="http://jsfiddle.net/clayshannon/QCrXG/9/" rel="nofollow">http://jsfiddle.net/clayshannon/QCrXG/9/</a>)</p>
  
  <p>...works for comparing the datepicker vals, but I need to incorporate the time elements too, so that a time (on the same date) that is earlier in the "End" time element than the "Begin" time element will also flag the range as invalid.</p>
  
  <p>How to do that?</p>