javascript - AngularJS，如何将多个输入组合成一个 ng-model？具体来说，将日期、时间和时区输入组合到日期时间对象中

Question

我需要创建一个日期时间对象来存储在 MySQL 中，但我需要使用多个输入(一个用于日期，一个用于时间，一个用于时区)输入它。所以现在我的代码是这样的:

<input type="datetime-local", ng-model="workshop_date">

但我想要的是更像这样的东西:

 <input type="date", ng-model="date">
 <input type="time", ng-model="time">
 <select ng-model="zone">
     <option>Pacific</option>
     <option>Eastern</option>

 <input value='{{date + time + zone}}', ng-model="workshop_date", style="display:none">

但是，这个解决方案似乎混淆了 Angular。有什么方法可以获取多个输入并将其作为 ng-model 的值吗？

Answer 1

类似的东西？

HTML

<input type="date" ng-model="tmp.date">
<input type="time" ng-model="tmp.time">
<select ng-model="tmp.timezone">...</select>

<strong>{{ workshop_date }}</strong>

Javascript

// into controller
$scope.tmp = {
    date: '',
    time: '',
    timezone: ''
};

$scope.workshop_date = '';

$scope.$watch('[tmp.date, tmp.time, tmp.timezone]', function (tmp) {
    // you may need to add some logic here...
    $scope.workshop_date = date + time + zone;
});