Ajouter au calendrier

Questions ou commentaires?

Unstable feature

To be used at your own risk. This feature described below can be removed in any subsequent minor/major release

Learn more about the design decision around provisional features.

Check other provisional features available.

But

Ajouter un événement à un calendrier (Google, Apple, Android, Outlook ou autres).

Exemples pratiques

Évaluation et rapport

API (Version 1.0)

Fonction
Provisoire
Configuration
N'est pas applicable
Interface utilisateur (Modèle)
Provisoire
Source de données
Provisoire
Affichage et style
Provisoire
Chaîne de caractères i18n
Provisoire

Fonction

(Version 1.0)

Type de fonction Nom Comment implémenter Fonction
Événement jQuery wb-init.wb-addcal Déclenché manuellement (par exemple : $( ".wb-addcal" ).trigger( "wb-init.wb-addcal" );). Initialise la composante .wb-addcal. Cette composante sera initialisée automatiquement sauf si l'élément .wb-addcal est ajouté après le chargement de la page et l'initialisation de wet-boew.
Événement jQuery wb-ready.wb-addcal Déclenché automatiquement après l'initialisation du plugin. Utilisé pour identifier quand et où la composante s'initialise (cible de l'événement). 
$( document ).on( "wb-ready.wb-addcal", ".wb-addcal", function( event ) {
});
$elm.on( "wb-ready.wb-addcal", function( event ) {
});

Configuration

N'est pas applicable pour cette composante.

Interface utilisateur (Modèle)

(Provisoire)

Le type Schema.org Event noté dans RDFa est requis lors de la mise en œuvre de cette composante d'ajout au calendrier. Il identifie un événement qui se déroule à un certain moment et à un certain endroit. Voici les types et propriétés de Schema.org :

name (Event)
Requis - Texte court définissant le titre de l'événement.
description (Event)
Optionnel - Texte court qui fournit une brève description de l'événement.
startDate (Event)
Requis - Spécifie la date et/ou l'heure de début de l'événement. Il doit être utilisé dans un élément <time> et la valeur doit être définie dans le texte ou en ajoutant l'attribut datetime en suivant ce modèle : "YYYY-MM-DD HH:MMZ"
endDate (Event)
Requis - Indique la date et/ou l'heure de fin de l'événement. Il doit être utilisé dans un élément <time> et la valeur doit être définie dans le texte ou en ajoutant l'attribut datetime soit en suivant ce modèle : "YYYY-MM-DD HH:MMZ"
location (Event)
Recommandé - Texte court qui identifie le lieu de l'événement. Celui-ci peut être affiné avec le type Place pour fournir une adresse détaillée ou VirtualLocation pour un événement en ligne.
name (Place)
Optionnel - Texte court qui identifie le nom d'un lieu pour l'événement.
address (Place)
Optionnel - Texte court qui identifie l'adresse. Celui-ci peut être affiné avec PostalAddress pour initier un emplacement détaillé.
streetAddress (PostalAddress)
Optionnel - Texte qui identifie l'adresse municipale.
addressLocality (PostalAddress)
Optionnel - Texte qui spécifie l'emplacement (ville).
addressRegion (PostalAddress)
Optionnel - Texte qui précise la région (province) de l'événement.
postalCode (PostalAddress)
Optionnel - Texte qui spécifie le code postal.
url (VirtualLocation)
Recommandé - URL de l'événement en ligne.

L'élément HTML time doit être utilisé lors de la spécification d'une date et/ou d'une heure dans un format lisible par machine ou lors de l'ajout de l'attribut datetime lors de l'utilisation de texte. Le modèle de date ISO suivant noté dans RDFa doit être appliqué lors de l'utilisation du format lisible par machine dans l'élément d'heure ou comme valeur pour l'attribut datetime : "YYYY-MM-DD HH:MMZ".

La propriété "datemodified" doit être présente dans la page web.

Affichage et style

La balise <details> de la composante Ajout au calendrier utilise la classe utilitaire .max-content, qui limite la largeur de l'élément à la largeur de son plus grand contenu à l'intérieur.

Code source

Code source d'Ajout au calendrier sur GitHub

Date de modification :