angular - 如何过滤ng2智能表中valuePreparefunction返回的自定义数据

标签 angular ng2-smart-table

我用的是ng2智能 table , 我的问题是过滤器,因为我从 ng2 智能表的 valueprepareFunction 返回了自定义数据,

我有这个......

columns: {
id: {
  title: 'Id',
  type: 'string'
},
surname: {
  title: 'surname',
  type: 'string'
},
name: {
  title: 'name',
  type: 'string'
},
date: {
  title: 'date',
  valuePrepareFunction: (value) => {
    if (!value) return '';
    return moment(value).format('DD/MM/YYYY');
  },
}

}

该值是从数据库获取的时间戳, 当我尝试从表中过滤时,她通过时间戳进行过滤,但我想要使用这种格式“DD/MM/YYYY”进行过滤。

如何更改过滤器之前时间戳中的搜索输入?

最佳答案

我在 ng2-smart-table 设置中使用 filterFunction 解决了...

data_pratica: {
  title: 'date',
  type: 'string',
  valuePrepareFunction: (value) => {
    // example of value.... value = 1543105073896
    // value is timeStamp
    if (!value) return '';
    return moment(value).format('DD/MM/YYYY');
  },
  filterFunction: (cell?: any, search?: string) => {
    // cell? is the value of the cell, in this case is a timeStamp
    if (search.length > 0) {
      return moment(cell).format('DD/MM/YYYY').match(search);
    }
  }
}

关于angular - 如何过滤ng2智能表中valuePreparefunction返回的自定义数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53350585/

相关文章:

angular - 如何更改 ng2 智能表列宽?

javascript - ng2 智能表格复选框不会在所有页面上持久存在

angular - Storybook Angular 和 ng-bootstrap

javascript - Angular 5多个条件路由: "AuthGuards"

angular - 如何在 Angular 2 中创建一个数组或一组指令

angular - 如何使用 Angular 6 中的智能表将数据更新到另一个页面

angular - ng2-smart-table 派生列

angular - ng2-smart-table自定义渲染组件

angular - 我有项目列表,每个项目都有 mat-spinner-button 我需要在项目上的按钮单击时显示加载微调器,如何做到这一点?

html - 迭代 mat-table Angular 中的数据源