Формат даты в кендо-датчике onChange ($ event) в Angular

Question

Мы используем Angular 6, .NET MVC Framework.Основываясь на выборе даты, мне нужно передать ее функции и заполнить раскрывающийся список.Но я не получаю дату в правильном формате.Вот HTML:

<div class="form-group">
    <label>Select Report Date:</label>
    <kendo-datepicker [(value)]="value" 
          (valueChange)="onChange($event)">
    </kendo-datepicker>
</div>

Вот файл ts.

 public lobs: Array<VTO> = [];
 public value: Date = new Date();

 public onChange(value: Date): void {
    console.log('change', value);
    this._vtos.getLOBs(value)
      .subscribe(data => this.lobs = data,
    error => this.errorMsg = error);
 }

Значение на Console.log равно

change Thu May 10 2018 06:59:26 GMT-0400 (Eastern Daylight Time)

, тогда как оно мне нужно 'MM /дд / гггг 'формат, так что я получу 05/10/2018.Пожалуйста, сообщите.

Answer 1

 //use format input like below
<kendo-datepicker
                  [format]="'MM/dd/yyyy'"
                  [value]="value"
              ></kendo-datepicker>

Answer 2

Попробуйте:

public onChange(value: Date): void {
    console.log('change', this.getFormattedDate(value));
    this._vtos.getLOBs(value)
      .subscribe(data => this.lobs = data,
    error => this.errorMsg = error);
 }

getFormattedDate(date) {
    let year = date.getFullYear();

    let month = (1 + date.getMonth()).toString();
    month = month.length > 1 ? month : '0' + month;

    let day = date.getDate().toString();
    day = day.length > 1 ? day : '0' + day;

    return month + '/' + day + '/' + year;
}