Angular ng-model 时间输入问题

Question

我在我的应用程序上使用带有时间输入的 ng-model 时遇到问题。我四处搜索，找不到与此相关的任何其他问题，但我可能弄错了。

我用 ng-model 进行了时间输入，得到了这个奇怪的“1970-01-01T09:00:00.000Z”值。

<div ng-app>
    <input type="time" step="900" ng-model="startTime" />
    <input type="time" step="900" ng-model="endTime" />
    <pre>
        Start Time: {{ startTime }}
        End Time: {{ endTime }}
    </pre>
</div>

我使用的唯一依赖项是 angualr v1.3.15

Answer 1

您似乎获得了一个 javascript 日期，时间部分设置为您在输入中选择的任何内容。它以祖鲁时间 (UTC) 显示，所以如果我选择 2:30 AM，它会显示 1970-01-01T08:30:00.000Z。忽略日期部分，时间部分是我选的。

如果您想查看根据您当地时区调整的所选时间，请使用日期过滤器。

Start Time: {{ startTime | date:"hh:mm a" }}
End Time: {{ endTime | date:"hh:mm a" }}

Answer 2

您可以使用date filter并根据需要显示时间，有很多选择。这是一个例子：

Start Time: {{ startTime | date : 'hh:mm' }}

Fiddle

Angular ng-model 时间输入问题

Angular ng-model issue on time input

angularjs

angular-ngmodel