如何在服务和指令脚本文件中使用angular2内置日期管

Question

我想在服务和指令脚本文件中使用angular2的日期管（不仅在html中）。

有人有任何想法吗？

无法上传代码cos一些策略限制，对此感到抱歉。

Answer 1

，由于CommonModule不会将其导出为提供商，因此您必须自己做。这不是很复杂。

1）导入datepipe：

import { DatePipe } from '@angular/common';

2）在模块的提供商中包括datepipe：

NgModule({
  providers: [DatePipe]
})
export class AppModule {
}

或组件的提供商：

@Component({
  selector: 'home',
  styleUrls: ['./home.component.css'],
  templateUrl: './home.component.html',
  providers: [DatePipe]
})
export class HomeComponent {
...

3）像其他任何服务一样将其注入组件的构造函数：

constructor(private datePipe: DatePipe) {
}

4）使用它：

ngOnInit() {
    this.time = this.datePipe.transform(new Date());
}

Answer 2

在您的组件中

import { DatePipe } from '@angular/common';

如果您使用的是Angular 2，4版本，请尝试

new DatePipe().transform(myDate, 'yyyy-dd-MM');

如果您使用的是Angular 6及以上

new DatePipe('en-US').transform(myDate, 'yyyy-dd-MM');

希望这会有所帮助。