找回密码
 立即注册

QQ登录

只需一步,快速开始

Winny

超级版主

130

主题

246

帖子

1530

积分

超级版主

Rank: 8Rank: 8

积分
1530
Winny
超级版主   /  发表于:2022-2-14 16:09  /   查看:1412  /  回复:0
SpreadJS中,当单元格内容为Date类型时,添加筛选器后,会显示日期筛选,如下图所示:
image.png520529174.png
本文会介绍使用代码给日期单元格添加筛选器并设置默认的筛选项。
Step1: 数据准备;
设置某一列为日期类型:
  1. let sheet = spread.getActiveSheet()
  2. sheet.setValue(0,0,'订单日期')
  3. sheet.setArray(1,0,[[new Date('2021-09-09')],[new Date('2021-09-07')],[new Date('2021-09-05')]])
  4. sheet.setFormatter(-1,0,'YYYY-MM-DD')
  5. sheet.getCell(-1,0).width(200)
复制代码

Step2: 添加筛选器;
  1. sheet.rowFilter(new GC.Spread.Sheets.Filter.HideRowFilter(new GC.Spread.Sheets.Range(1,0,sheet.getRowCount()-1,3))
复制代码
Step3:添加默认筛选条件。
  1. let condition = new GC.Spread.Sheets.ConditionalFormatting.Condition(GC.Spread.Sheets.ConditionalFormatting.ConditionType.dateCondition,{
  2.   compareType: GC.Spread.Sheets.ConditionalFormatting.DateCompareType.equalsTo,
  3.     expected: new Date('2021-09-05')
  4. })

  5. let rowFilter = sheet.rowFilter()
  6. rowFilter.addFilterItem(0,condition)
  7. rowFilter.filter(0)
复制代码

通过上面三个步骤,就可以实现在筛选器上添加默认筛选条件。
参考示例链接:https://jscodemine.grapecity.com/share/WGMJTHTT5kuand2H75ja5w/

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部