我尝试使用它与typescript绑定:
npm install moment --save
typings install moment --ambient -- save
test.ts:
import {moment} from 'moment/moment';
如果没有:
npm install moment --save
test.ts:
var moment = require('moment/moment');
但是当我调用moment.format()时，我得到一个错误。 应该是简单的，谁能提供一个命令行/导入组合，将工作?
当前回答
我自己在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库的自动完成。
其他回答
对于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”);
下面的方法对我很有效。
首先，安装moment的类型定义。
类型安装时刻—保存
(注:NOT -ambient)
然后，为了解决缺乏适当的导出:
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，将保持窗口对象的时刻。欲了解更多相关信息，请访问它们各自的网站获取指导。
我遵循了允许allowSyntheticDefaultImports的建议(因为没有从时刻到我使用的导出)，使用System。然后我听从别人的建议使用:
import moment from 'moment';
在system.js配置中映射时刻。由于某些原因，其他import语句对我不起作用
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");
