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，它会显示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

角度ng模型按时输入问题

2 个答案: