1'short': equivalent to 'M/d/yy, h:mm a' (6/15/15, 9:03 AM).
2'medium': equivalent to 'MMM d, y, h:mm:ss a' (Jun 15, 2015, 9:03:01 AM).
3'long': equivalent to 'MMMM d, y, h:mm:ss a z' (June 15, 2015 at 9:03:01 AM GMT+1).
4'full': equivalent to 'EEEE, MMMM d, y, h:mm:ss a zzzz' (Monday, June 15, 2015 at 9:03:01 AM GMT+01:00).
5'shortDate': equivalent to 'M/d/yy' (6/15/15).
6'mediumDate': equivalent to 'MMM d, y' (Jun 15, 2015).
7'longDate': equivalent to 'MMMM d, y' (June 15, 2015).
8'fullDate': equivalent to 'EEEE, MMMM d, y' (Monday, June 15, 2015).
9'shortTime': equivalent to 'h:mm a' (9:03 AM).
10'mediumTime': equivalent to 'h:mm:ss a' (9:03:01 AM).
11'longTime': equivalent to 'h:mm:ss a z' (9:03:01 AM GMT+1).
12'fullTime': equivalent to 'h:mm:ss a zzzz' (9:03:01 AM GMT+01:00).
1// In Angular
2// Html
3<p>{{myDate | date: 'dd-MM-yyyy'}}</p>
4// Typescript
5myDate: Date = new Date();
1import { DatePipe } from '@angular/common'
2...
3constructor(public datepipe: DatePipe){}
4...
5myFunction(){
6 this.date=new Date();
7 let latest_date =this.datepipe.transform(this.date, 'yyyy-MM-dd');
8}
1
2 content_copy
3
4 @Component({
5 selector: 'date-pipe',
6 template: `<div>
7 <p>Today is {{today | date}}</p>
8 <p>Or if you prefer, {{today | date:'fullDate'}}</p>
9 <p>The time is {{today | date:'h:mm a z'}}</p>
10 </div>`
11})
12// Get the current date and time as a date-time value.
13export class DatePipeComponent {
14 today: number = Date.now();
15}
16
1public getAllBookings() {
2 // Get the dates
3 const today = new Date();
4 const tomorrow = new Date(today.setDate(today.getDate() + 1));
5
6 return new Promise((resolve, reject) => {
7 this.http
8 .get(
9 `${this.kioskservice.getAPIUrl()}search/dashboard/${this.kioskservice.LocationGUID()}/?apikey=${this.kioskservice.getAPIKey()}&format=json&from=${this.dateFormat(today)}&until=${this.dateFormat(tomorrow)}&full=true`
10 )
11 .toPromise()
12 .then(
13 res => {
14 this.config = res.json()
15 console.log(res.json());
16 resolve();
17 },
18 msg => {
19 throw new Error("Couldn't get all Bookings: " + msg);
20 }
21 );
22 });
23 }
24
25 // Helper function to format if you don't use moment.js or something alike
26 private dateFormat(date: Date) {
27 const day = date && date.getDate() || -1;
28 const dayWithZero = day.toString().length > 1 ? day : '0' + day;
29 const month = date && date.getMonth() + 1 || -1;
30 const monthWithZero = month.toString().length > 1 ? month : '0' + month;
31 const year = date && date.getFullYear() || -1;
32
33 return `${year}-${monthWithZero}-${dayWithZero}`;
34 }
35