我在Angular SlickGrid中有两个date列,表的列值基于一个类。这两列基于该类的两个日期字段。

我希望将这些值显示为dateTimeShortIso,但是对这两列中的每一列都使用dateRange过滤器。

由于某些原因,当实际使用过滤器时,没有数据显示

下面是类的相关部分

export class Task {
  public createdDate: Date;
  public dateUpdated: Date;
}

下面是我填充数据集的方式

this._api
      .getApiData()
      .subscribe((res: Task) => {
        this.dataset = res;
      });

下面是相关的列定义。

this.columnDefinitions = [
      {
        id: 'createdDate', name: 'Created Date', field: 'createdDate', sortable: true, filterable: true, 
        formatter: Formatters.dateTimeShortIso, type: FieldType.date, filter: {
          model: Filters.dateRange
        }
      },
      {
        id: 'dateUpdated', name: 'Date Updated', field: 'dateUpdated', sortable: true, filterable: true, 
        formatter: Formatters.dateIso, type: FieldType.date, filter: {
          model: Filters.dateRange
        }
      }
    ];

转载请注明出处:http://www.zhongtian365.com/article/20230509/1464661.html

随机推荐

  1. Angular typescript object.assign不工作(它返回错误无法读取null的length‘)

    在文件a.ts“处,它将调用文件b.ts”的handleRequests()。_alerts: Banner[]; obj = {}; postMessage() { this.obj[this._alerts[0].uuid] =...

  2. angular 2 webpack-dev-server,路由不工作

    我安装了webpack,一切正常,但是路由不起作用了,?export const appRoutes: Routes = [ { path: , pathMatch: full, redirectTo: main }, { path...

  3. Angular Router动画-编译错误-装饰器中不支持函数调用

    我有一个小项目,我想实现路由的角度动画,但我在编译时出错(ng build --prod)以下是我影响的所有代码:-App组件import { Component } from @angular/core; import { Firesto...

  4. Angular 6在IE11中不工作并抛出SCRIPT1002:语法错误vendor.js

    我正在运行一个带有.netCore webapi应用程序的Angular 6,并试图在IE11中加载它,但它抛出了一个错误:SCRIPT1002:语法错误“vendor.js”并显示一个空白页面。在chrome和edge中它工作得很好。我已...

  5. Angular material的进度循环指令不工作

    我正在尝试使用angular-material的指令md-progress- circular (https://material.angularjs.org/latest/demo/progressCircular)显示一个渐进式圆形符号...

  6. Angular js网格不工作

    下面是我的代码 html xmlns=http://www.w3.org/1999/xhtml ng-app=myApp head runat=server title/title script src=js/jquery-...

  7. Angular patchValue不工作

    我正在尝试更改我的主表单对象中的一个对象。我首先做了一个简单的fieldFormStructure,只是为了维护基本的框架。 fieldFormStructure = this.fb.group({ name...

  8. Angular Library复制资源不工作ng-packagr

    我正在创建一个angular库,它将允许我们重用大量当前使用的过滤器组件(客户搜索、员工搜索等)。在我的库中,我将scss文件导入到我的组件的scss文件中(在本例中是telerik)。我遇到的问题是视图封装。那么如何在库中导出我的应用程序...

  9. angular-slickgrid在分组时隐藏总行

    我使用grouping和一个sum聚合器来让它工作,但我实际上并不关心总数或任何其他信息,我只对grouping感兴趣。它工作得很好,但我得到的每个组的总行是空的,这看起来不是很好。有没有办法摆脱它?看起来似乎解决方案是将displayTo...

  10. angular js数据表ng-click不工作

    我使用的是Angular js数据表。目前我需要传递行ID,因此我尝试调用ng-click函数。但它不起作用。请检查以下代码$scope.dtOptions = DTOptionsBuilder.newOptions() ....