我自己在Angular中使用Moment的版本

NPM I瞬间——保存

import * as _moment from 'moment';

...

moment: _moment.Moment = _moment();

constructor() { }

ngOnInit() {

    const unix = this.moment.format('X');
    console.log(unix);    

}

首先导入moment作为_moment，然后声明类型为_moment的moment变量。初始值为_moment()的Moment。

简单地导入moment不会给你任何自动补全，但如果你将声明type moment interface from _moment namespace from 'moment' package initialized with moment namespace invoked _moment()会给你自动补全moment的api。

我认为这是使用moment而不使用@types类型或angular提供程序的最具角度的方式，如果你正在寻找像moment这样的普通javascript库的自动完成。

要在Typescript项目中使用它，你需要安装moment:

NPM安装时刻——保存

在安装moment之后，你可以在导入后的任何.ts文件中使用它:

Import * as moment from "moment";

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，将保持窗口对象的时刻。欲了解更多相关信息，请访问它们各自的网站获取指导。

使用ng命令行

> npm install moment --save

在app.module

import * as moment from 'moment';

providers: [{ provide: 'moment', useValue: moment }]

在组件

constructor(@Inject('moment') private moment)

这样你就导入了一次时刻

5 . UPDATE Angular =>

{
   provide: 'moment', useFactory: (): any => moment
}

对我来说，在aot中工作 还有通用的

除了利用时间，我什么都不喜欢。时刻 我得到了

Error   Typescript  Type 'typeof moment' is not assignable to type 'Moment'. Property 'format' is missing in type 'typeof moment'.

除了SnareChop的答案，我还必须更改momentjs的类型文件。

在moment-node.d。我替换的ts:

export = moment;

with

export default moment;

2017年4月更新:

从版本2.13.0开始，Moment包含了一个typescript定义文件。https://momentjs.com/docs/#/use-it/typescript/

只要用npm在你的控制台类型中安装它

npm install --save moment

然后在你的Angular应用中，导入就像这样简单:

import * as moment from 'moment';

就是这样，你得到了完全的Typescript支持!

额外编辑:要在Typescript中输入一个变量或属性Moment，你可以这样做，例如:

let myMoment: moment.Moment = moment("someDate");