我尝试使用它与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()时，我得到一个错误。 应该是简单的，谁能提供一个命令行/导入组合，将工作?
当前回答
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，将保持窗口对象的时刻。欲了解更多相关信息，请访问它们各自的网站获取指导。
其他回答
Moment.js现在在v2.14.1支持TypeScript。
参见:https://github.com/moment/moment/pull/3280
除了SnareChop的答案，我还必须更改momentjs的类型文件。
在moment-node.d。我替换的ts:
export = moment;
with
export default moment;
使用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'.
我认为:
NPM安装时刻——保存
在systemjs.config.js文件的map数组中添加:
“时刻”:“node_modules /时刻”
向包数组添加:
- = ytet -伊甸园字幕组= -翻译:
在你的组件中。ts使用: Import * as moment from 'moment/moment';
就是这样。你可以从组件的类中使用:
今天:string = moment()。format('D MMM YYYY');
尝试在tsconfig.json中添加" allowsyntheticdefaulultimports ": true。
国旗的作用是什么?
这基本上是告诉TypeScript编译器，可以使用ES6导入语句，即。
import * as moment from 'moment/moment';
在CommonJS模块上，比如Moment.js，它没有声明默认导出。该标志只影响类型检查，不影响生成的代码。
如果你使用SystemJS作为模块加载器，这是必要的。如果你告诉TS编译器你使用SystemJS，该标志将自动打开:
"module": "system"
如果ide被配置为使用tsconfig.json，这也将删除由它们抛出的任何错误。
