Importar DatePipe de angular / common y luego utilizar el siguiente código:

var datePipe = new DatePipe();
    this.setDob = datePipe.transform(userdate, 'dd/MM/yyyy');

Donde fecha de usuario será tu cadena de citas. A ver si esto ayuda.

Tome nota de las minúsculas para la fecha y el año:

d- date
M- month
y-year

EDITAR

Tienes que pasar locale string como argumento a DatePipe, en latest angular. He probado en angular 4.x

Por Ejemplo:

var datePipe = new DatePipe('en-US');

Puede lograr esto usando una tubería personalizada simple.

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

@Pipe({
    name: 'dateFormatPipe',
})
export class dateFormatPipe implements PipeTransform {
    transform(value: string) {
       var datePipe = new DatePipe("en-US");
        value = datePipe.transform(value, 'dd/MM/yyyy');
        return value;
    }
}


{{currentDate | dateFormatPipe }}

La ventaja de usar una tubería personalizada es que, si desea actualizar el formato de fecha en el futuro, puede ir y actualizar su tubería personalizada y se reflejará en todas partes.

Ejemplos de tubos personalizados

Siempre uso el Momento.js cuando necesito usar fechas por cualquier razón.

Prueba esto:

import { Pipe, PipeTransform } from '@angular/core'
import * as moment from 'moment'

@Pipe({
   name: 'formatDate'
})
export class DatePipe implements PipeTransform {
   transform(date: any, args?: any): any {
     let d = new Date(date)
     return moment(d).format('DD/MM/YYYY')

   }
}

Y en la vista:

<p>{{ date | formatDate }}</p>

Estoy usando esta Solución Temporal:

import {Pipe, PipeTransform} from "angular2/core";
import {DateFormatter} from 'angular2/src/facade/intl';

@Pipe({
    name: 'dateFormat'
})
export class DateFormat implements PipeTransform {
    transform(value: any, args: string[]): any {
        if (value) {
            var date = value instanceof Date ? value : new Date(value);
            return DateFormatter.format(date, 'pt', 'dd/MM/yyyy');
        }
    }
}

Lo único que funcionó para mí fue inspirado desde aquí: https://stackoverflow.com/a/35527407/2310544

Para dd puro/MM / aaaa, esto funcionó para mí, con angular 2 beta 16:

{{ myDate | date:'d'}}/{{ myDate | date:'MM'}}/{{ myDate | date:'y'}}

Creo que es porque la configuración regional está codificada en el DatePipe. Ver este enlace:

• https://github.com/angular/angular/blob/master/modules/%40angular/common/src/pipes/date_pipe.ts

Y no hay forma de actualizar esta configuración regional por configuración en este momento.

También puedes usar momentjs para este tipo de cosas. Momentjs es mejor para analizar, validar, manipular y mostrar fechas en JavaScript.

Usé este tubo de Urish, que funciona bien para mí:

Https://github.com/urish/angular2-moment/blob/master/src/DateFormatPipe.ts

En el parámetro args puede poner su formato de fecha como:"dd/mm/aaaa"

Si alguien mira con el tiempo y la zona horaria, esto es para usted

 {{data.ct | date :'dd-MMM-yy h:mm:ss a '}}

Agregue z para zona horaria al final del formato de fecha y hora

 {{data.ct | date :'dd-MMM-yy h:mm:ss a z'}}

Las tuberías de fecha no se comportan correctamente en Angular 2 con Typescript para el navegador Safari en macOS e iOS. Me enfrenté a este problema recientemente. Tuve que usar el momento js aquí para resolver el problema.

Puede encontrar más información sobre la tubería de fecha aquí, como los formatos.

Si desea usarlo en su componente, simplemente puede hacer

pipe = new DatePipe('en-US'); // Use your own locale

Ahora, simplemente puede usar su método de transformación, que será

const now = Date.now();
const myFormattedDate = this.pipe.transform(now, 'short');

Si alguien puede mirar para mostrar la fecha con la hora en AM o PM en angular 6 entonces esto es para usted.

{{date | date: 'dd/MM/yyyy hh:mm a'}}

Salida

Opciones de formato predefinidas

Los ejemplos se dan en en-US locale.

'short': equivalent to 'M/d/yy, h:mm a' (6/15/15, 9:03 AM).
'medium': equivalent to 'MMM d, y, h:mm:ss a' (Jun 15, 2015, 9:03:01 AM).
'long': equivalent to 'MMMM d, y, h:mm:ss a z' (June 15, 2015 at 9:03:01 AM GMT+1).
'full': equivalent to 'EEEE, MMMM d, y, h:mm:ss a zzzz' (Monday, June 15, 2015 at 9:03:01 AM GMT+01:00).
'shortDate': equivalent to 'M/d/yy' (6/15/15).
'mediumDate': equivalent to 'MMM d, y' (Jun 15, 2015).
'longDate': equivalent to 'MMMM d, y' (June 15, 2015).
'fullDate': equivalent to 'EEEE, MMMM d, y' (Monday, June 15, 2015).
'shortTime': equivalent to 'h:mm a' (9:03 AM).
'mediumTime': equivalent to 'h:mm:ss a' (9:03:01 AM).
'longTime': equivalent to 'h:mm:ss a z' (9:03:01 AM GMT+1).
'fullTime': equivalent to 'h:mm:ss a zzzz' (9:03:01 AM GMT+01:00).

Enlace De Referencia