javascript - 如何从javascript中的输入日期和输入时间获取整个Date对象

Question

我有这两个输入:

<input type="date" ng-model="year">
<input type="time" ng-model="time">

我想从这两个值创建一个 Date 对象。像这样:

new Date(year, time);

我该怎么做？

Answer 1

您可以在 Controller 中手动将这两个日期相加。如果您希望它在您的 Controller 范围内自动更新，那么您可以将 watch 表达式与日期算法结合使用。例如:

$scope.$watchGroup(['year', 'time'], function (values) {
    var year = values[0], time = values[1];
    $scope.date = new Date(year.getYear(), year.getMonth(), year.getDay(), time.getHours(), time.getMinutes(), time.getSeconds(), time.getMilliseconds());
});

然后您可以根据需要在您的示波器上使用date，它会在year 或time 更改时自动更新。

---

请注意，对 input[type=date] 的内置支持仅在 Angular 1.3.x 或更高版本中可用。早期版本不允许您访问模型中的日期。