介绍
angular-moment 是一个 AngularJS 应用程序的 Moment.js 管理器。它允许您在 Angular 应用程序中轻松使用 Moment.js，以便格式化日期和时间。
安装
安装 angular-moment 很简单，只需使用 npm 进行安装即可：
npm install angular-moment --save
同时，也要确保已经安装了 moment.js：
npm install moment --save
使用
在你的 AngularJS 应用程序中添加 angular-moment 作为一个依赖项：
var myApp = angular.module('myApp', ['angularMoment']);这样，你就可以在控制器或指令中注入 angularMoment：
myApp.controller('MyController', function($scope, angularMoment) {
// 使用 angularMoment 进行日期和时间的操作
});过滤器
angular-moment 提供了一些非常有用的过滤器，可以帮助您格式化日期和时间。
amCalendar
该过滤器将日期格式化为“日历”格式，例如“今天”、“昨天”、“明天”等。您可以通过以下方式使用：
<p>{{ someDate | amCalendar }}</p>amDateFormat
该过滤器允许您使用 Moment.js 的日期格式字符串来格式化日期。例如：
<p>{{ someDate | amDateFormat:'MMMM Do YYYY, h:mm:ss a' }}</p>amTimeAgo
该过滤器将日期格式化为“几分钟前”、“一个小时前”等。例如：
<p>{{ someDate | amTimeAgo }}</p>服务
angular-moment 还提供了一些非常有用的服务，以便您可以在 AngularJS 应用程序中更方便地使用 Moment.js。
angularMoment
该服务是 angular-moment 的主要服务，它允许您访问 Moment.js 中的所有函数和属性。
moment
该服务直接返回 Moment.js 对象，这样您就可以像在普通 JavaScript 应用程序中一样使用它了。
示例
下面是一个简单的示例，展示如何在 AngularJS 应用程序中使用 angular-moment：
var myApp = angular.module('myApp', ['angularMoment']);
myApp.controller('MyController', function($scope, angularMoment) {
$scope.someDate = new Date();
console.log(angularMoment($scope.someDate).format('MMMM Do YYYY, h:mm:ss a'));
});<div ng-controller="MyController">
<p>{{ someDate | amDateFormat:'MMMM Do YYYY, h:mm:ss a' }}</p>
<p>{{ someDate | amCalendar }}</p>
<p>{{ someDate | amTimeAgo }}</p>
</div>在上述代码中，创建了一个控制器 MyController，并注入了 angularMoment。然后，定义一个 $scope.someDate 变量来存储日期，并使用 amDateFormat、amCalendar 和 amTimeAgo 过滤器来格式化日期。
结论
在本文中，我们介绍了如何使用 angular-moment 在 AngularJS 应用程序中轻松地格式化日期和时间。通过使用过滤器和服务，您可以更方便地管理日期，并确保它们以适当的方式显示给用户。如果您正在编写 AngularJS 应用程序并需要处理日期和时间，那么 angular-moment 绝对是值得一试的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/34051