Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

277
Vistas
How to transform date with angular 2?

i want to transform the date coming from the server in this format to this format ('yyyy-mm-dd hh-mm-ss')

enter image description here

over 4 years ago · Santiago Trujillo
3 Respuestas
Responde la pregunta

0

<!--Import in app.module-->
import { DatePipe } from '@angular/common';
providers: [DatePipe]

<!--HTML-->
<input [ngModel]="startDate |date: 'yyyy-MM-dd'" name="startDate"/>
<button type="button" (click)="transformDate(startDate)">Aceptar</button>

<!--Component-->
import { DatePipe } from '@angular/common';

export class AppComponent {
   startDate: Date= new Date();

   constructor(private datepipe: DatePipe){}

  transformDate(date){        
         let transformdate: string;
         transformdate = this.datepipe.transform(date, 'MM/dd/yyyy');
         console.log(transformdate);
  }

}
html date= yyyy-MM-dd
Component Transform date=: MM/dd/yyy
over 4 years ago · Santiago Trujillo Denunciar

0

You could create your own pipe :

@Pipe({name: 'myDate'})
export class MyDatePipe implements PipeTransform {
  transform(date: Object): string {
    return `${date.year}-${date.monthOfYear}-${date.dateOfMonth} ${date.hourOfDay}-${date.minuteOfHour}-${date.secondOfMinute}`;
  }
}

And use it like this : <div>{{ yourDateToFormat | myDate }}</div>

Check out the doc, it's pretty clear : https://angular.io/docs/ts/latest/guide/pipes.html

over 4 years ago · Santiago Trujillo Denunciar

0

You can directly append the string which is the easiest solution for your data

var string =  date.year + '-' + date.monthOfYear + '-' + date.dateOfMonth + ' ' + 'date.hourOfDay'+ '-' + date.minuteOfHour + '-' + date.secondOfMinute
over 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda