utilizo esta linha para obter a data actual
public current_date=new Date();
e consegui este resultado:
Wed Apr 26 2017 10:38:12 GMT+0100 (Afr. centrale Ouest)
como posso transformar isso para este formato
YYYY-MM-DD
Exemplo de acordo com o doc
@Component({
selector: 'date-pipe',
template: `<div>
<p>Today is {{today | date}}</p>
<p>Or if you prefer, {{today | date:'fullDate'}}</p>
<p>The time is {{today | date:'jmZ'}}</p>
</div>`
})
export class DatePipeComponent {
today: number = Date.now();
}
Modelo
{{ dateObj | date }} // output is 'Jun 15, 2015'
{{ dateObj | date:'medium' }} // output is 'Jun 15, 2015, 9:43:11 PM'
{{ dateObj | date:'shortTime' }} // output is '9:43 PM'
{{ dateObj | date:'mmss' }} // output is '43:11'
{{dateObj | date: 'dd/MM/yyyy'}} // 15/06/2015
Para utilizar na sua componente.
@Injectable()
import { DatePipe } from '@angular/common';
class MyService {
constructor(private datePipe: DatePipe) {}
transformDate(date) {
this.datePipe.transform(myDate, 'yyyy-MM-dd'); //whatever format you need.
}
}
No seu app.module.ts
providers: [DatePipe,...]
tudo o que tem de fazer é utilizar este serviço agora.
Experimente este código abaixo também funciona bem em angular 2
<span>{{current_date | date: 'yyyy-MM-dd'}}</span>
Aqui está uma forma muito agradável e compacta de o fazer, pode também alterar esta função conforme o seu caso precisar:
**Resultado: 03.11.2017***
//get date now function
getNowDate() {
//return string
var returnDate = "";
//get datetime now
var today = new Date();
//split
var dd = today.getDate();
var mm = today.getMonth() + 1; //because January is 0!
var yyyy = today.getFullYear();
//Interpolation date
if (dd < 10) {
returnDate += `0${dd}.`;
} else {
returnDate += `${dd}.`;
}
if (mm < 10) {
returnDate += `0${mm}.`;
} else {
returnDate += `${mm}.`;
}
returnDate += yyyy;
return returnDate;
}