/Javascript/AngularJS/Date format in angular ts

Date format in angular ts

Angular date formats

'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).

Source: angular.io

Date format in angular ts

public getAllBookings() {
    // Get the dates
    const today =  new Date();
    const tomorrow =  new Date(today.setDate(today.getDate() + 1));

    return new Promise((resolve, reject) => {
      this.http
        .get(
          `${this.kioskservice.getAPIUrl()}search/dashboard/${this.kioskservice.LocationGUID()}/?apikey=${this.kioskservice.getAPIKey()}&format=json&from=${this.dateFormat(today)}&until=${this.dateFormat(tomorrow)}&full=true`
        )
        .toPromise()
        .then(
          res => {
            this.config = res.json()
            console.log(res.json());
            resolve();
          },
          msg => {
            throw new Error("Couldn't get all Bookings: " + msg);
          }
        );
    });
  }

  // Helper function to format if you don't use moment.js or something alike
  private dateFormat(date: Date) {
    const day = date && date.getDate() || -1;
    const dayWithZero = day.toString().length > 1 ? day : '0' + day;
    const month = date && date.getMonth() + 1 || -1;
    const monthWithZero = month.toString().length > 1 ? month : '0' + month;
    const year = date && date.getFullYear() || -1;

    return `${year}-${monthWithZero}-${dayWithZero}`;
  }

Source: stackoverflow.com

Similar codes

2 votes149 views3 answers
Change route on button click angular
Javascript AngularJS
0 vote155 views1 answer
Pattern validator angular
Javascript AngularJS
6 votes143 views2 answers
Angular dynamic class
Javascript AngularJS
2 votes147 views1 answer
Nangular make window available
Javascript AngularJS
0 vote196 views1 answer
ERROR in ./src/app/pages/auth/auth.module.ngfactory.js Module not found: Error: Can't resolve '@angular/material/core/index'
Javascript AngularJS
0 vote156 views1 answer
Put validation on the cell number in angular
Javascript AngularJS
0 vote153 views1 answer
Open bytes in new tab angular
Javascript AngularJS
0 vote152 views1 answer
Remove unused javascript angular
Javascript AngularJS
7 votes148 views2 answers
Angular 6 key value pair getvalue example
Javascript AngularJS
0 vote154 views1 answer
GetFullYear within moment in angular
Javascript AngularJS