# 建立日期範圍選擇器

日期範圍選擇器 (日期選擇器) 可讓您從行事曆中選取單一日期或是某個範圍的日期。它包括在 Dashboard bundle 中。如需詳細資訊，請參閱[Dashboard bundle](https://help.qlik.com/zh-TW/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-TW/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) 以重設樣式。按一下 ![重設](https://help.qlik.com/zh-TW/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg)全部重設可在樣式面板中重設所有可用索引標籤的樣式。

如需關於設定個別視覺化樣式的一般資訊，請參閱 [將自訂樣式套用至視覺化](https://help.qlik.com/zh-TW/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 指示詞新增來源。這由管理員在 管理 活動中心完成。

   如需詳細資訊，請參閱[建立 CSP 輸入項目](https://help.qlik.com/zh-TW/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-TW/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)