typescript 自定义日期管道Angular（格式日期）

Posted 2021-05-20

   <kendo-grid-column  title="טווח תאריכים למועד">
        <ng-template kendoGridCellTemplate let-dataItem>
            <span>{{dataItem.tvahTaarihimLeMoedStart|customDate:dataItem.tvahTaarihimLeMoedStart}}</span>
            <span *ngIf="dataItem.tvahTaarihimLeMoedStart && dataItem.tvahTaarihimLeMoedEnd " class="dash">-</span>
            <span >{{dataItem.tvahTaarihimLeMoedEnd|customDate:dataItem.tvahTaarihimLeMoedEnd}}</span>
       </ng-template>
   </kendo-grid-column>

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

@Pipe({
    name: 'customDate'
})
export class CustomDatePipe implements PipeTransform {

    transform(value: Date, args?: any): any {
        // console.log(value);
        const formattedDate = value.toLocaleDateString('en-GB', {
            day: 'numeric', month: 'numeric', year: 'numeric'
        }).replace(/ /g, '/');
        return formattedDate;
    }
}