Question

我在我的angular 7应用程序中使用kendoUI datepicker控件。目前，我正在尝试将api返回的json日期绑定到datepicker控件。下面的代码完成了工作，但只显示了月份和年份。它没有显示确切的日期。因此，当选择日期选择器控件时，我需要查看选择的日期。有没有更好的简便方法来做到这一点。

我在json中得到的dateformat是/ Date（1224043200000）/

UI

<kendo-datepicker *ngIf="EditMode"
  [format]="'MMMM yyyy'"  (valueChange)="dateFoundedChanged($event)" [(ngModel)]="FirmDetails.Firm.DATE_FOUNDED" [value]="dateFoundedDate">
</kendo-datepicker>

组件代码

  get  dateFoundedDate(): Date {
         var dateString = this.FirmDetails.Firm.DATE_FOUNDED;
         var seconds = parseInt(dateString.replace(/\/Date\(([0-9]+)[^+]\//i, "$1"));
         var date = new Date(seconds);
         return date;


   }

Answer 1

您使用的日期选择器格式如下：

[format]="'MMMM yyyy'"

尝试在格式内添加日期，如下所示：

[format]="'DD MMMM yyyy'"

您不需要在代码中添加 [格式] ，日期选择器将加载默认的时间格式。

请参考以下链接：

Example 1 Example 2

绑定到角度应用程序中的kendo UI datepicker控件时未选择日期

1 个答案: