title: AngularJS, how do I combine multiple inputs into a single ng-model? Specifically, to combine a date, time, and timezone input into a datetime object
body: <p>I need to create a datetime object to store in MySQL, but I need it to be entered with multiple inputs (one for date, one for time, one for timezone). So right now my code is like this:</p>
  
  <pre><code>&lt;input type="datetime-local", ng-model="workshop_date"&gt;
  </code></pre>
  
  <p>But what I want is something more like this:</p>
  
  <pre><code> &lt;input type="date", ng-model="date"&gt;
   &lt;input type="time", ng-model="time"&gt;
   &lt;select ng-model="zone"&gt;
       &lt;option&gt;Pacific&lt;/option&gt;
       &lt;option&gt;Eastern&lt;/option&gt;
  
   &lt;input value='{{date + time + zone}}', ng-model="workshop_date", style="display:none"&gt;
  </code></pre>
  
  <p>However, this solution seems to confuse Angular. Is there any way I can take multiple inputs and make that the value of the ng-model?</p>