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

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

我尝试过输入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>

我明白了

我也尝试过输入日期时间本地像example https://docs.angularjs.org/api/ng/input/input%5BdateTimeLocal%5D在角度文档中

<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>

我明白了

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

我建议使用 Angular-moment 指令在 Angular 中进行所有日期格式化：https://github.com/urish/angular-moment 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>

请参阅上面的链接了解更多信息。