我尝试使用它与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库的自动完成。
其他回答
我遵循了允许allowSyntheticDefaultImports的建议(因为没有从时刻到我使用的导出)，使用System。然后我听从别人的建议使用:
import moment from 'moment';
在system.js配置中映射时刻。由于某些原因，其他import语句对我不起作用
尝试在tsconfig.json中添加" allowsyntheticdefaulultimports ": true。
国旗的作用是什么?
这基本上是告诉TypeScript编译器，可以使用ES6导入语句，即。
import * as moment from 'moment/moment';
在CommonJS模块上，比如Moment.js，它没有声明默认导出。该标志只影响类型检查，不影响生成的代码。
如果你使用SystemJS作为模块加载器，这是必要的。如果你告诉TS编译器你使用SystemJS，该标志将自动打开:
"module": "system"
如果ide被配置为使用tsconfig.json，这也将删除由它们抛出的任何错误。
我认为:
NPM安装时刻——保存
在systemjs.config.js文件的map数组中添加:
“时刻”:“node_modules /时刻”
向包数组添加:
- = ytet -伊甸园字幕组= -翻译:
在你的组件中。ts使用: Import * as moment from 'moment/moment';
就是这样。你可以从组件的类中使用:
今天:string = moment()。format('D MMM YYYY');
在systemjs中，我所做的是。我添加了map
map: {
.....,
'moment': 'node_modules/moment/moment.js',
.....
}
然后你可以很容易地导入力矩
import * as moment from 'moment'
不确定这对人们来说是否仍然是一个问题，然而……使用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;
在那里工作对我来说很好。
