# 时间筛选组件

来源快照：`result_data_new_260518.json`

- 来源 ID：`1184445087275434041`
- 模块：低代码平台e-builder
- 目录：页面引擎 - 页面设计器 - 页面组件 - 模块组件 - 模块组件-组织画像
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

# 时间筛选组件

一、

## 功能背景及价值

传统时间选择组件仅支持固定周期切换，无法适配项目里程碑追踪、营销活动效果复盘等场景下的动态时间跨度需求；而分散的时间筛选入口常导致数据统计维度混乱，尤其在用户行为分析场景中，难以实现跨周期数据的连续性对比。

基于时间轴与下拉框融合的 UI 模式创新，正是为解决多场景时间维度管理痛点而设计，通过可视化时间节点交互，填补传统工具在动态时间周期选择上的功能空白，方便用户进行精确的时间筛选。

二、

## 功能概述

通过时间轴、下拉框等UI模式，提供灵活的时间周期选择功能，适用于数据分析、项目管理、营销活动和用户行为分析等多种场景。每个节点都支持点击展开和数据筛选，方便用户进行精确的时间周期选择和数据展示。

主要用于在用户界面中提供灵活的时间周期选择功能，通过时间轴模式，以层级结构展示时间周期，从年份开始，逐步细化到季度、月份、周和具体日期，使得用户可以直观地选择所需的时间范围，并且每个节点都支持点击展开，方便用户进行精确的时间筛选。

三、

## 功能说明

### 1、时间轴模式

组件配置项支持时间轴和单选组合模式的UI切换，满足用户在不同的业务页面场景中使用。

时间轴模式下，以层级结构展示时间周期，从年份开始，逐步细化到季度、月份、周和具体日期，使得用户可以直观地选择所需的时间范围，并且每个节点都支持点击展开，方便用户进行精确的时间筛选。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1163327557667045397&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

### 2、单选组合模式

单选组合模式下，以平级结构展示时间周期，用户通过下拉框的模式选择年份，同时季度、月都可以支持二级展开，使得用户可以直观地选择所需的时间范围。

** **

![](https://weapp.eteams.cn/papi/file/preview?fileId=1163327561987178513&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

四、

## 场景介绍

该组件常应用于各类数据报表显示页面，协同其他组件实现数据时间范围的筛选，如在工作状态统计报告页面，该组件可在页面顶部使用，搭配左侧组织树以及右侧图表、数据列表等组件，实现人员工作状态报告统计分析。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1163327561972604953&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

** **

五、

## 上下游关联功能点

一、

组件样式

无内置样式，以默认样式效果为准。

二、

组件事件动作

无特殊事件动作，支持默认组件事件动作

三、

组件权限

需要组织画像（portrait）模块付费授权
