> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 时间筛选

> 本页面介绍了时间筛选组件的操作步骤，包括选择组件配置数据集、选择字段、设置默认值以及样式设置等内容。

## 1. 简介

时间筛选可以实现【单值】、【区间】的设置

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639644610715-a6c17d51-5782-47f1-82d6-6d7b39fc440d.png)
</Frame>

## 2. 操作步骤

### 2.1 选择组件，配置数据集

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639646660024-dafaca6f-c765-4503-bdb3-a9dae5c22003.png)
</Frame>

选择数据集

### 2.2 选择字段

从右边字段选择对应的日期类型字段到【查询字段】内，如图：

**注意：查询字段类型必须为日期类型**

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639720987601-729fc3b8-35e2-4819-a325-d497bd33d6ab.png)
</Frame>

添加查询字段

### 2.3 设置默认值

固定值下可以设置是固定的日期还是变量，如图：

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639721038481-cacc44e1-e5f9-4e5f-a085-11fd71035e2b.png)
</Frame>

设置默认值

**注：也可以设置为区间，需要先在样式设置中开启区间配置**

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639721356737-88f7284c-08c4-497e-920b-5dff1a758678.png)
</Frame>

样式设置区间

有区间的限制就会分为两种情况：

* 第一种未开启区间设置默认值，如图：

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639721657343-a2a8ff55-7d26-4bcd-8aff-55506a578cfd.png)
</Frame>

设置默认值固定值

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639722560293-b1ea28c5-3056-45d0-a6b6-35c5068a0977.png)
</Frame>

设置默认值变量

* 第二种开启区间设置默认值，如图：

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639722747661-fbf3c150-f6b5-4297-9eab-0141b6c5b7c5.png)
</Frame>

设置默认值固定值

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639722793293-72b42e1c-014f-4b29-bb86-770236c74950.png)
</Frame>

设置默认值变量

### 2.4 设置样式

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639722865843-5714e3cc-e901-47e8-ab7d-722da2258fa2.png)
</Frame>

样式设置

**必填**：开启后该日期筛选项就要必填

**区间**：开启区间后，日期可以选择开始日期与结束日期

**标题**

* 【显示标题】：开关，默认打开，如关闭下方标题设置均同步隐藏

* 【标题名称】：该筛选项的标题名称

* 【标题提示】： 鼠标移到标题上会有个小叹号，起到提示的效果

* 【标题位置】：上方、左侧、内部，默认上方

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639722911605-ac2a2953-fd29-4202-8eff-914fbc2f6ab0.png)
</Frame>

组件标题

**内容：**

* 输入框提示：输入框内的提示

**整体样式**：

* 【风格】：有普通、隐藏、禁用、只读

* 【最大宽度】：默认 446，为提升用户体验会根据页面大小对筛选器宽度自适应，但自适应时如超过最大宽度则不会继续加宽

* 【整体尺寸】：默认中，有小、中、大可设置

* 【清除按钮】：可以设置是否一键清除，在输入框后面会有个 X 按钮

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1639723550769-db7ac88d-2078-4039-b714-2a0efef0d6ad.png)
</Frame>

## 3. 扩展阅读

[报表筛选组件怎么筛选时间区间？](https://docs.aliwork.com/docs/yida_support/yida_subject/_4/sigwmf)

<Frame>
  ![](https://yida-support.oss-cn-shanghai.aliyuncs.com/static/png/1634875245908-d5922803-4267-48f5-8548-afa8bf380160.png)
</Frame>