Question

我正在尝试使用Angularjs中的时刻格式化日期，但它不适用于我。这是我的小提琴http://jsfiddle.net/sed6x5e8/，下面是我的代码。

HTML：

<div ng-app="miniapp">
    <div ng-controller="Ctrl">
        <div>
            Actual Date: {{date}}
            <br><br>
            Formatted Date: {{formattedDate}}
        </div>

    </div>    
</div>

JS：

var $scope;
var app = angular.module('miniapp', [])
function Ctrl($scope) {
    $scope.date = '2/13/2015';
    $scope.formattedDate = moment($scope.date).format('YYYY-MM-DD');
}

Answer 1

AngularJS有一个内置的日期过滤器。你不需要浪费时间，浪费资源。

<span>{{message.time | date}}</span>

https://docs.angularjs.org/api/ng/filter/date

Answer 2

我已成功在我的项目中使用angular-moment。它有一个过滤器，可以让您格式化日期。自述文件中的示例：

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

Answer 3

sample example

server-side

HTML

var app = angular.module("app", []);

app.constant("moment", moment);

app.controller("ctrl", function($scope, moment) {
    $scope.date = new moment().format("D/MMM/YYYY");
    var dat1 = new moment();
    $scope.date3 = dat1.add('5', 'd').format('MMMM Do YYYY, h:mm:ss a');
});

var app = angular.module("app", []);

app.constant("moment", moment);

app.controller("ctrl", function($scope, moment) {
    $scope.date = new moment().format("D/MMM/YYYY");
    var dat1 = new moment();
    $scope.date3 = dat1.add('5', 'd').format('MMMM Do YYYY, h:mm:ss a');
});

使用时刻Angularjs格式化日期

3 个答案: