如何写一个日期转换管道

[deepthan]

如何写一个日期转换管道

管道作用： 把 1509601513000 格式的时间转换为 2017-10-31 格式

• share文件夹里面有个 date-transform.pipe.ts

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({name:'dateTransformPipe'})

export class DateTransformPipe implements PipeTransform {
    transform(val) {
        let date = new Date(val)
        let dateWanted = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
        return  dateWanted;
    }
}

• share.module.ts里面声明这个管道并抛出

import { DateTransformPipe } from './pipe/date-transform.pipe';
@NgModule({
  declarations: [ 
    DateTransformPipe
  ],
  exports: [ 
    DateTransformPipe
  ]
})

• 在需要使用的位置所在模块引入share.module

import { ShareModule } from '../share/share.module';
@NgModule({
  imports: [
    ShareModule
  ]
})

• 在需要用的html里面直接使用（license.component.ts）

  <div> {{ data.startDate | dateTransformPipe}} </div>