对于Angular 7+(也支持8,9,10,11):

1:通过命令npm Install moment——save安装moment

2:不要在app.module.ts中添加任何东西

3:只需要在你的组件或任何其他文件的顶部添加import语句，就像这样:import * as moment from 'moment';

4:现在你可以在代码的任何地方使用moment。就像:

myDate = moment(someDate)。格式(“MM / DD / YYYY HH: MM”);

不确定这对人们来说是否仍然是一个问题，然而……使用SystemJS和MomentJS作为库，这为我解决了这个问题

/*
 * Import Custom Components
 */
import * as moment from 'moment/moment'; // please use path to moment.js file, extension is set in system.config

// under systemjs, moment is actually exported as the default export, so we account for that
const momentConstructor: (value?: any) => moment.Moment = (<any>moment).default || moment;

在那里工作对我来说很好。

下面的方法对我很有效。

首先，安装moment的类型定义。

类型安装时刻—保存

(注:NOT -ambient)

然后，为了解决缺乏适当的导出:

import * as moment from 'moment';

angular2-moment库有像{{myDate | amTimeAgo}}这样的管道用于.html文件中。

这些管道也可以作为组件类(.ts)文件中的Typescript函数来访问。首先按照提示安装库:

npm install --save angular2-moment

在node_modules/angular2-moment现在将是“.pipe.d”。例如calendar.pipe.d。ts, date-format.pipe.d。t等等。

每一个都包含等效管道的Typescript函数名，例如，DateFormatPipe()是amDateFormatPipe的函数。

要在项目中使用DateFormatPipe，请在app.module.ts中将其导入并添加到全局提供程序中:

import { DateFormatPipe } from "angular2-moment";
.....
providers: [{provide: ErrorHandler, useClass: IonicErrorHandler}, ...., DateFormatPipe]

然后在任何你想要使用该函数的组件中，将它导入到顶部，注入到构造函数中并使用:

import { DateFormatPipe } from "angular2-moment";
....
constructor(.......,  public dfp: DateFormatPipe) {
    let raw = new Date(2015, 1, 12);
    this.formattedDate = dfp.transform(raw, 'D MMM YYYY');
}

要使用任何函数都遵循这个过程。如果有一种方法可以访问所有的函数，那就太好了，但上面的解决方案都不适合我。

——2017年11月1日更新

Typings现在已弃用，被npm @types所取代。从现在开始，除了npm，获取类型声明将不需要任何工具。要使用Moment，您不需要通过@types安装类型定义，因为Moment已经提供了自己的类型定义。

因此，它简化为3个步骤:

1 -安装时刻，包括类型定义:

npm install moment --save

2 -在HTML文件中添加script标签:

<script src="node_modules/moment/moment.js" />

3 -现在你可以使用它了。时期。

today: string = moment().format('D MMM YYYY');

——原创答案

这只需要3个步骤:

1 -安装力矩定义- *.d。ts文件:

typings install --save --global dt~moment dt~moment-node

2 -在HTML文件中添加script标签:

<script src="node_modules/moment/moment.js" />

3 -现在你可以使用它了。时期。

today: string = moment().format('D MMM YYYY');

Moment是第三方全球资源。moment对象位于浏览器的窗口上。因此，在你的angular2应用中导入它是不正确的。相反，在加载moment.js文件的html中包含<script>标记。

为了让TypeScript满意，你可以添加

declare var moment: any;

在你的文件顶部，你可以使用它来停止编译错误，或者你可以使用

///<reference path="./path/to/moment.d.ts" />

或者使用tsd来安装moment.d.ts文件，TypeScript可以自己找到这个文件。

例子

import {Component} from 'angular2/core';
declare var moment: any;

@Component({
    selector: 'example',
    template: '<h1>Today is {{today}}</h1>'
})
export class ExampleComponent{
    today: string = moment().format('D MMM YYYY');
}

只需确保在html中添加script标签，否则moment将不存在。

<script src="node_modules/moment/moment.js" />

模块加载力矩

首先，你需要设置一个模块加载器，比如System.js来加载moment commonjs文件

System.config({
    ...
    packages: {
        moment: {
            map: 'node_modules/moment/moment.js',
            type: 'cjs',
            defaultExtension: 'js'
        }
    }
});

然后将moment导入到需要使用的文件中

import * as moment from 'moment';

or

import moment = require('moment');

编辑:

还有一些捆绑器的选项，如Webpack或SystemJS builder或Browserify，将保持窗口对象的时刻。欲了解更多相关信息，请访问它们各自的网站获取指导。