如何正確顯示日期yyyy-MM-dd hh：mm：ss與HTML5和Angularjs？

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> 

，我得到這個

我累了，還有輸入日期時間本地像example in angular doc

<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中輕鬆公開該庫。

您可以簡單地在您的模板中使用amDateFormat過濾器，如下所示。

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

查看上面的鏈接瞭解更多信息。

Answer 2

你可以嘗試使用日期$filter組件：

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

並將其綁定到HTML這樣的：

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

確保包括$過濾器的依賴。更多info的格式。