# Création de sélecteurs de plages de dates

Le sélecteur de plage de dates (Date picker) vous permet de sélectionner une date unique ou une plage de dates dans un calendrier. Il est inclus dans le Dashboard bundle. Pour plus d'informations, consultez [Dashboard bundle](https://help.qlik.com/fr-FR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/DashboardBundle/dashboard-bundle.htm).

Vous pouvez créer un sélecteur de plage de dates sur la feuille en cours d'édition.

Procédez comme suit :

1. Dans le panneau des ressources, ouvrez Graphiques.

2. Sous Objets de tableau de bord, faites glisser un objet Sélecteur de dates sur la feuille.

3. Sélectionnez le champ de date à utiliser comme filtre dans Date field.

   La liste ne contient que des champs reconnus en tant que champs de date par Qlik Sense.

   Note ConseilSi vous voulez utiliser un champ d'horodatage, convertissez-le en date. Utilisez l'expression `=date(floor(myTimeStamp_Field))` au lieu de `myTimeStamp_Field`.

4. Décidez si vous souhaitez pouvoir choisir entre une date unique et une plage de dates via l'option Single date / interval (Date unique).

   Date interval (Intervalle de dates) vous permet de choisir une plage de dates.

   Single date (Date unique) ne vous permet de choisir qu'une seule date.

Une fois le sélecteur de plage de dates créé, vous pouvez modifier son aspect et d'autres paramètres.

## Définition de la plage de dates disponibles

Vous pouvez spécifier la plage de dates disponibles pour la sélection en définissant l'option Advanced setup (Configuration avancée) sur On (Activée). Vous pouvez utiliser des expressions ou des valeurs de date explicites. Les expressions indiquées ci-dessous font référence à un champ intitulé DateField.

* Définissez la première date du calendrier à l'aide de Min date.

  La valeur par défaut est `=Min( {1} [DateField])`. Cette expression renvoie la première date du champ DateField dans le jeu de données complet.

* Définissez la dernière date du calendrier à l'aide de Max date.

  La valeur par défaut est `=Max( {1} [DateField])`. Cette expression renvoie la dernière date du champ DateField dans le jeu de données complet.

* Définissez la date à afficher à l'ouverture du sélecteur de plage de dates à l'aide de Start date.

  La valeur par défaut est `=Min([DateField])`. Cette expression renvoie la première date du champ DateField dans la sélection active.

## Définition des paramètres régionaux du calendrier

Vous pouvez définir les paramètres régionaux du calendrier afin d'obtenir les noms locaux des jours et des mois. Modifiez le paramètre Locale (Paramètres régionaux) disponible sous Calendar Settings (Paramètres du calendrier) > Language and labels (Langue et étiquettes) en utilisant le code à deux lettres de la version linguistique appropriée. Par exemple, vous pouvez remplacer la valeur par défaut en, correspondant à l'anglais, par le code de, qui représente la version allemande.

## Utilisation de plages prédéfinies

En mode intervalle de dates, il existe un certain nombre de plages prédéfinies parmi lesquelles vous pouvez choisir si l'option Show predefined ranges (Afficher les plages prédéfinies) est définie sur On (Activée). Il est possible de personnaliser les étiquettes de texte des sélections de plage prédéfinies à l'aide des paramètres disponibles sous Calendar Settings (Paramètres du calendrier) > Predefined ranges (Plages prédéfinies) :

* Custom Range (Plage personnalisée) représente l'option permettant de sélectionner librement un intervalle de dates dans le calendrier. La valeur par défaut est Range.

* Today (Aujourd'hui) représente la valeur de date d'aujourd'hui. La valeur par défaut est Today.

* Yesterday (Hier) représente la valeur de date d'hier. La valeur par défaut est Yesterday.

* Last $ days ($ derniers jours) représente les deux options permettant d'afficher les 7 ou 30 derniers jours. $ est remplacé par 7 ou 30 dans la chaîne. La valeur par défaut est Last $ days.

* This représente la période en cours. Par défaut, Month est sélectionné. Vous pouvez sélectionner :

  * Day
  * Month
  * Quarter
  * Year
  * None

* Last représente la période précédente. Par défaut, Month est sélectionné. Vous pouvez sélectionner :

  * Day
  * Month
  * Quarter
  * Year
  * None

  Vous pouvez spécifier le nombre de périodes précédentes à inclure dans Last number of.

  Vous pouvez inclure la période en cours en sélectionnant Include current.

## Personnalisation des étiquettes de texte

Il est possible de personnaliser les étiquettes de texte qui s'affichent lors de l'utilisation du sélecteur de plage de dates.

Vous pouvez modifier l'invite de texte qui s'affiche lorsque le sélecteur de plage de dates est réduit à l'aide du paramètre Default Text (Texte par défaut), disponible sous Calendar Settings (Paramètres du calendrier) > Language and labels (Langue et étiquettes). Le paramètre par défaut est « Select date range » (Sélectionner une plage de dates).

## Personnalisation du style

Vous disposez d'un certain nombre d'options de style sous Aspect dans le panneau des propriétés.

Cliquez sur the Styles icon sous Aspect > Présentation pour personnaliser davantage le style du graphique. Vous pouvez réinitialiser vos styles en cliquant sur ![Réinitialiser](https://help.qlik.com/fr-FR/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) à côté de chaque section. Un clic sur ![Réinitialiser](https://help.qlik.com/fr-FR/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) Réinitialiser tout réinitialise les styles de tous les onglets disponibles dans le panneau de style.

Pour des informations générales sur la définition du style d'une visualisation individuelle, voir [Application d'un style personnalisé à une visualisation](https://help.qlik.com/fr-FR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/style-visualization.htm).

### Personnalisation du texte

Vous pouvez définir le texte du titre, du sous-titre et de la note de bas de page sous Aspect > Général. Pour masquer ces éléments, désactivez Afficher les titres.

La visibilité des différentes étiquettes du graphique dépend des options d'affichage des étiquettes et des paramètres propres au graphique. Il est possible de configurer ces options dans le panneau des propriétés.

Vous pouvez définir le style du texte qui apparaît sur le graphique.

Procédez comme suit :

1. Dans le panneau des propriétés, développez la section Aspect.

2. Sous Aspect > Présentation, cliquez sur the Styles icon.

3. Dans l'onglet Général, définissez la police, le style d'accentuation, la taille de police et la couleur des éléments de texte suivants :

   * Titre

   * Sous-titre

   * Note de bas de page

### Personnalisation de l'arrière-plan

Vous pouvez personnaliser l'arrière-plan du graphique. Pour l'arrière-plan, il est possible de définir une couleur et une image.

Procédez comme suit :

1. Dans le panneau des propriétés, développez la section Aspect.

2. Sous Aspect > Présentation, cliquez sur the Styles icon .

3. Dans l'onglet Général du panneau de styles, vous pouvez sélectionner une couleur d'arrière-plan (une seule couleur ou expression). Vous pouvez également définir l'arrière-plan sur une image de votre bibliothèque multimédia ou d'une URL.

   Note Informations

   Pour pouvoir ajouter une image d'arrière-plan à partir d'une URL, il faut que l'origine soit ajoutée à la liste verte de la stratégie de sécurité de contenu de votre client. Ajoutez l'origine avec la directive img-src. Cette opération est effectuée dans le centre d'activités Administration par un administrateur.

   Pour plus d'informations, consultez [Création d'une entrée CSP](https://help.qlik.com/fr-FR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm#AddEntry).

   Lors de l'utilisation d'une couleur d'arrière-plan, utilisez le curseur pour régler l'opacité de l'arrière-plan.

   Lors de l'utilisation d'une image d'arrière-plan, vous pouvez ajuster la taille et la position de l'image.

### Personnalisation de la bordure et de l'ombre

Vous pouvez personnaliser la bordure et l'ombre du graphique.

Procédez comme suit :

1. Dans le panneau des propriétés, développez la section Aspect.

2. Sous Aspect > Présentation, cliquez sur the Styles icon.

3. Dans l'onglet Général du panneau de style, sous Bordure, ajustez la taille Contour pour augmenter ou diminuer les lignes de bordure autour du graphique.

4. Sélectionnez une couleur pour la bordure.

5. Ajustez le Rayon d'angle pour contrôler l'arrondi de la bordure.

6. Sous Ombre dans l'onglet Général, sélectionnez une taille et une couleur d'ombre. Pour supprimer l'ombre, sélectionnez Aucune.

## Limitations

Le sélecteur de plage de dates ne peut pas filtrer de plages de dates supérieures à 28 ans ou contenant 10 000 valeurs ou plus. Si votre plage de dates contient un grand nombre de dates, utilisez un autre objet tel qu'un graphique en courbes.

Pour plus d'informations sur les limitations générales, voir [Limitations](https://help.qlik.com/fr-FR/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/DashboardBundle/dashboard-bundle.htm#Limitati).

### Limitations du format de date

Les dates au format YYYYMMDD ne peuvent pas être utilisées dans le sélecteur de plage de dates. Si votre application comporte des valeurs de date dans ce format, modifiez le format de date dans le script de chargement. Voici des exemples.

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

#### Exemples : Transformation de dates pour les rendre compatibles avec le sélecteur de plage de dates

Dans l'exemple de script ci-dessous, tenez compte des points suivants :

* `original_date` est le champ de date d'origine au format YYYYMMDD.

* `new_date1`, `new_date2` et `new_date3` sont des champs de date mis à jour qui se présenteront dans des formats de date compatibles.

* `original_table` est la table dans laquelle le champ `original_date` a été chargé (non illustré). Pour les besoins de l'exemple montrant une instruction LOAD complète, nous effectuons la transformation sur ce champ existant en utilisant un chargement RESIDENT. Cependant, vos propres données peuvent être chargées de nombreuses différentes manières suivant votre cas d'utilisation.

```
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;
```

Contenu d’apprentissage associé :

* [Comment configurer un objet Sélecteur de date Dashboard Bundle ?](https://help.qlik.com/lnk/How_configure_Dashboard_Bundle_Date_picker_object)

## En savoir plus

* [Comment configurer un objet Sélecteur de date Dashboard Bundle ?](https://help.qlik.com/lnk/How_configure_Dashboard_Bundle_Date_picker_object)