Question

我正在构建一个Angular应用程序。在我的KendoUI网格中，EmployeeID和Total hours是编号，不知道如何为它们设置过滤器。 ReportDate以mm / dd / yyyy（03/16/2018）格式存储，我使用filter =＆＃34; date＆＃34;格式=＆＃34; {0：d}＆＃34;如Telerik网站上的示例所示，但使用此过滤器时，日期显示为3/16/2018而不是03/16/2018，并且过滤器未应用。请指导如何更正格式。

    <kendo-grid 
        [data]="gridData"
        [pageSize]="state.take"
        [skip]="state.skip"
        [sort]="state.sort"
        [filter]="state.filter"
        [sortable]="true"
        [pageable]="true"
        [filterable]="true"
        (dataStateChange)="dataStateChange($event)"
        [kendoGridBinding]="employees" 
        [height]="600" [group]="group" [pageable]="true" [pageSize]="10">
    <ng-template kendoGridToolbarTemplate>
        <button type="button" kendoGridExcelCommand>
      <span class="k-icon k-i-file-excel"></span>Export to Excel</button>
  </ng-template>
  <kendo-grid-column field="EmployeeID" title="Employee ID" [width]="150"></kendo-grid-column>
  <kendo-grid-column field="ReportDate" title="Report Date" width="240" filter="date" format="{0:d}" ></kendo-grid-column>
  <kendo-grid-column field="BeginTime" title="Begin Time"></kendo-grid-column>
  <kendo-grid-column field="EndTime" title="End Time"></kendo-grid-column>
  <kendo-grid-column field="TotalHours" title="Total Hours"></kendo-grid-column>
  <kendo-grid-column field="Approvedby" title="Approved by"></kendo-grid-column>
  <kendo-grid-column field="Timestamp" title="Time stamp"></kendo-grid-column>
 <kendo-grid-excel fileName="Report.xlsx" [fetchData]="allData"></kendo-grid-excel>
</kendo-grid>

Answer 1

我没有真正得到您的问题，因为它的解决方案可能只是更改格式，因此您希望 03/16/2018 。然后为什么不把格式更改为filter="date" format="{0:dd/MM/yyyy}

只要您的ReportDate字段在数据源中存储为日期，就应该有效。

示例：取自剑道示例，我只是略微改变格式here

KendoUI Grid过滤日期和数字

1 个答案: