我怎样才能正确显示日期yyyy-MM-dd hh：mm：带HTML5和Angularjs的ss？

Question

我正在尝试创建一个包含日期和时间的输入，但我无法做到这一点。

我尝试过输入日期时间，

<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 ，例如角度文档中的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>

我得到了这个

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

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

有关详细信息，请参阅上述链接。

Answer 2

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

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

并将其绑定到HTML，如：

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

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