以角度表示的kendo-datepicker格式日期onChange($event)

Question

我们使用的是Angular 6，.NET mvc框架。根据日期选择，我需要将其传递给一个函数并填充一个dropdown。但是我没有以正确的格式检索日期。下面是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/dd/yyyy‘格式，这样我才能得到2018年5月10日。请给我建议。

Answer 1

尝试：

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;
}

Answer 2

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