如何使用 HTML5 和 Angularjs 正确显示日期 yyyy-MM-dd hh:mm:ss？答案

【问题标题】：How can I show correctly Dates yyyy-MM-dd hh:mm:ss with HTML5 and Angularjs?如何使用 HTML5 和 Angularjs 正确显示日期 yyyy-MM-dd hh:mm:ss？
【发布时间】：2014-09-26 08:15:58
【问题描述】：

我正在尝试创建一个包含日期和时间的输入，但我不知道如何做到这一点。

我试过输入datetime，

<tr>
  <td>Date</td>
    <td><input type="datetime" name="fecha"
    placeholder="dd-MM-dd HH:mm:ss" size="16"
    ng-model="data.action.date" /></td>
  <tt>value = {{data.action.date | date: "yyyy-MM-dd HH:mm:ss"}}</tt>
</tr>

我明白了

我也尝试过输入 datetime-local，例如 Angular 文档中的 example

<tr>
  <td>Date</td>
    <td><input type="datetime-local" name="fecha"
    placeholder="dd-MM-dd HH:mm:ss" size="16"
    ng-model="data.action.date" /></td>
  <tt>value = {{data.action.date | date: "yyyy-MM-dd HH:mm:ss"}}</tt>
</tr>

我明白了

如何显示带有日期和时间的输入？

【问题讨论】：

标签： html angularjs date datetime

【解决方案1】：

我建议使用 angular-moment 指令在 Angular 中进行所有日期格式设置：https://github.com/urish/angular-moment。

Moment.js 是一个很棒的 JavaScript 库，用于格式化、转换和执行所有与日期/时间相关的任务 - angular-moment 只是在 Angular 中轻松地公开了这个库。

您可以在模板中简单地使用 amDateFormat 过滤器，如下所示。

<span>{{message.time | amDateFormat:'dddd, MMMM Do YYYY, h:mm:ss a'}}</span>

查看以上链接了解更多信息。

【讨论】：

【解决方案2】：

您可以尝试使用 date $filter 组件：

$scope.tToDisplay = $filter('date')($scope.timestamp, 'yyyy-MM-dd HH:mm:ss');

并将其绑定到 HTML，如：

<input ng-model="tToDisplay"></input>

确保包含 $filter 作为依赖项。更多 info 格式。

【讨论】：

您是否尝试过任何推荐的方法？有更新吗？