# 创建日期范围选择器

日期范围选择器 (日期选择器) 让您可以从日历中选择单个日期或日期范围。它包含在 Dashboard bundle（仪表板捆绑）中。有关更多信息，请参阅[Dashboard bundle](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/DashboardBundle/dashboard-bundle.htm)。

您可以在正在编辑的工作表上创建日期范围选择器。

执行以下操作：

1. 在资产面板中，打开 图表。

2. 在 仪表板对象 下，将 日期选择器 对象拖动到工作表。

3. 在 Date field 中选择要用作筛选器的日期字段。

   列表仅包含 Qlik Sense 识别为日期字段的字段。

   提示注释如果您希望使用时间戳字段，则需要将其转换为日期。使用表达式 `=date(floor(myTimeStamp_Field))` 而非 `myTimeStamp_Field`。

4. 在 Single date / interval 中选择您是要能够选取单个日期还是日期间隔。

   Date interval 用于选取日期范围。

   Single date 用于仅选取单个日期。

创建日期范围选择器时，可能需要调整其外观和其他设置。

## 设置可用日期范围

您可以通过将选项 Advanced setup 设置为 On 来设置可供选取的日期范围。您可以使用表达式或显式日期值。下面使用的表达式引用了名为 DateField 的字段。

* 使用 Min date 设置日历的第一个日期。

  默认值为 `=Min( {1} [DateField])`。此表达式将在 DateField 中返回整个数据集中的第一个日期。

* 使用 Max date 设置日历的最后一个日期。

  默认值为 `=Max( {1} [DateField])`。此表达式将在 DateField 中返回整个数据集中的最后一个日期。

* 使用 Start date 设置要在打开日期范围选择器时显示的日期。

  默认值为 `=Min([DateField])`。此表达式将在 DateField 中返回当前选择项中的第一个日期。

## 设置日历的区域设置

您可以设置日历的区域设置，以获取本地星期和月份名称。将 Calendar Settings > Language and labels 下的设置 Locale 更改为要使用的区域设置的两字母代码。例如，您可以将默认的英语 en 更改为德语的 de。

## 使用预先定义的范围

在日期间隔模式中，如果将 Show predefined ranges 设置为 On，则有许多预定义范围可供选取。您可以使用 Calendar Settings > Predefined ranges 下的设置自定义预定义范围选择项的文本标签：

* Custom Range 表示从日历中自由选择日期间隔的选项。默认值为 Range。

* Today 表示今天的日期值。默认值为 Today。

* Yesterday 表示昨天的日期值。默认值为 Yesterday。

* Last $ days 表示用于显示过去 7 天或 30 天的两个选项。$ 将替换为字符串格式的 7 或 30。默认值为 Last $ days。

* This 表示当前期间。默认情况下，已选择 Month。您可以选择：

  * Day
  * Month
  * Quarter
  * Year
  * None

* Last 表示上一期间。默认情况下，已选择 Month。您可以选择：

  * Day
  * Month
  * Quarter
  * Year
  * None

  您可以指定要包含在Last number of中的之前期间数。

  您可通过选择 Include current来加入当前期间。

## 自定义文本标签

您可以自定义使用日期范围选择器时显示的文本标签。

使用 Calendar Settings > Language and labels 下的设置 Default Text 更改最小化日期范围选择器时显示的文本提示。默认值设置为“Select date range”。

## 自定义样式设定

在属性面板中的外观下有大量样式设定按钮可供您使用。

单击外观>演示文稿下的the 样式 icon以进一步自定义图表的样式。 您可以通过单击每个部分旁的 ![重置](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) 重置样式。单击 ![重置](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) 全部重置可重置样式面板中所有可用标签的样式。

有关设置单个可视化样式的常规信息，请参见[将自定义样式应用于可视化](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/style-visualization.htm)。

### 自定义文本

可以在外观 > 常规下设置标题、副标题和脚注的文本。若要隐藏这些元素，请关闭显示标题。

图表上不同标签的可见性取决于特定于图表的设置和标签显示选项。这些可以在属性面板中进行配置。

您可以设置图表中显示的文本的样式。

执行以下操作：

1. 在属性面板中，展开外观部分。

2. 在外观 > 展示下，单击 the 样式 icon。

3. 在常规选项卡上，设置以下文本元素的字体、强调样式、字体大小和颜色：

   * 标题

   * 副标题

   * 脚注

### 自定义背景

可以自定义图表的背景。可以通过颜色和图像来设置背景。

执行以下操作：

1. 在属性面板中，展开外观部分。

2. 在外观 > 展示下，单击 the 样式 icon 。

3. 在样式面板的一般选项卡上，您可以选择背景颜色（单色或表达式）。您也可将背景设置为媒体库或 URL 中的图像。

   信息注释

   要从 URL 添加背景图像，必须将来源添加到租户的内容安全策略中的允许列表中。使用 img-src 指令添加来源。这由管理员在 Administration 活动中心完成。

   有关更多信息，请参阅[创建 CSP 条目](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm#AddEntry)。

   使用背景色时，请使用滑块调整背景的不透明度。

   使用背景图像时，可以调整图像大小和位置。

### 自定义边框和阴影

您可以自定义图表的边框和阴影。

执行以下操作：

1. 在属性面板中，展开外观部分。

2. 在外观 > 展示下，单击 the 样式 icon。

3. 在样式面板的常规选项卡上的边框下，调整轮廓大小以增加或减少图表周围的边框线。

4. 选择边框的颜色。

5. 调整拐角半径以控制边框的圆度。

6. 在常规选项卡的阴影下，选择阴影大小和颜色。选择无以移除阴影。

## 限制

日期范围选择器无法筛选大于 28 年或包含 10,000 或更多值的日期范围。如果您的日期范围包含大量日期，请使用其他对象，如折线图。

有关一般限制的信息，请参阅 [限制](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/DashboardBundle/dashboard-bundle.htm#Limitati)。

### 日期格式限制

日期范围选择器中不能使用 YYYYMMDD 格式的日期。如果你的应用程序有这种格式的日期值，请在加载脚本中更改日期格式。示例如下所示。

[](https://help.qlik.com/en-US/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/DashboardBundle/creating-date-range-picker.htm)

#### 示例：转换日期以与日期范围选择器兼容

对于下面的示例脚本，请考虑以下内容：

* `original_date` 是原始日期字段，格式为 YYYYMMDD。

* `new_date1`、`new_date2` 和 `new_date3` 是更新日期字段，将采用兼容的日期格式。

* `original_table` 是加载 `original_date` 字段的表格（未显示）。为了显示完整 LOAD 语句的示例，我们使用 RESIDENT 加载对这个现有字段执行转换。但是，根据您的用例，您自己的数据可以用多种不同的方式加载。

```
SET DateFormat='M/D/YYYY';
			
Load 
Date(Date#(original_date, 'YYYYMMDD'),'YYYY/MM/DD') as new_date1,
Date(Date#(original_date, 'YYYYMMDD')) as new_date2,
Date(Date#(original_date, 'YYYYMMDD'),'YYYY-MM-DD') as new_date3
RESIDENT original_table;
```

相关学习内容：

* [如何配置仪表板捆绑动画生成器对象？](https://help.qlik.com/lnk/How_configure_Dashboard_Bundle_Date_picker_object)

## 了解详情

* [如何配置仪表板捆绑动画生成器对象？](https://help.qlik.com/lnk/How_configure_Dashboard_Bundle_Date_picker_object)