Widget calendrier gratuit en CSS, Javascript, Vue.js, etc...

Présentation

Les calendriers ne sont pas des services indispensables, c'est sûr mais certains sont tellement sympas qu'il serait dommage de s'en priver.

En mode mobile vous avez accès à chaque catégorie (widget ou code) par un insert au milieu droit de l'écran

Je vous propose 17 services de calendrier au





 

Widget gratuit de calendrier pour site web

A-Imprimer.com - Calendrier du mois

- Vous touverez également, sur le site de l'auteur, la "Carte à imprimer de la semaine"

Caractéristiques

  • Script Javascript
  • Sur le site, vous trouverez à imprimer : Des cartes postales, des faire-parts, des menus de fĂŞte, des papiers à lettre, des étiquettes à coller sur vos cadeaux, des faux diplĂ´mes, etc.. et tout cela gratuitement !
  • Très belles images

Image cliquable pour voir l'exemple

widget gratuit du calendrier pour site web

Références

Site web

[Créé / modifié] [28-12-2014 / 11-11-2021]

Munch Mathieu - Calendrier du mois/année

Caractéristiques

  • iFrame (avec pgm PHP)
  • Il est possible d'afficher tous les mois de l'année
  • Paramètres: Nombre de mois à afficher (de 1 à 24); Nombre de mois par ligne; Premier mois du calendrier; Année du premier mois; Langue; Couleur de fond, de fond des cellules, du texte; Etc...

Image cliquable pour voir l'exemple

widget gratuit de calendrier au mois ou a l'annee

Références

Site web

[Créé / modifié] [23-05-2016 / 11-11-2021]

Winky.fr - Calendrier du mois

Caractéristiques

  • iFrame
  • Ce calendrier vous permet de publier sur votre site Web vos événements, ou tout autre événement issu de Winky. Pour cela il faut être inscrit, bien sûr.
  • Paramètres: Largeur, Hauteur; Langue : Français, Anglais; Date de référence; Url du CSS

Image cliquable pour voir l'exemple

widget gratuit de calendrier Winky

Références

Site web

[Créé / modifié] [31-05-2016 / 11-11-2021]

 

Calendrier avec code à disposition

Alvim Fausto - Calendrier simple

- Utilisation du logiciel FlatPickr

Caractéristiques

  • CSS, Normalize.css, JS, Flatpickr
  • Tout se trouve autour de FlatPickr.css et FlatPickr.js
  • Pour retrouver le calendrier occidental, il faut supprimer l'inversion des mois dans le CSS et changer la police de caractères
  • Brésil

Image cliquable pour voir l'exemple

calendrier du mois pour site web

Références

Site web

Site de l'auteur

[Créé / modifié] [01-01-2022 / 01-01-2022]

Full Calendar - Logiciel

- Version gratuite d'un logiciel
- Il peut s'intégrer à de nombreux framework tq : Bootstrap; Next; Nuxt; Angular

Caractéristiques

  • Ci-dessous je présente la page index "brute"
  • Il faut, bien sûr enrichir cette base
  • Voir une adaptation Bootstrap 4 par Ankit Hingarajiya

Image cliquable pour voir l'exemple

logiciel  gratuit

Références

Site web

Démo de l'auteur

[Créé / modifié] [11-11-2021 / 11-11-2021]

Gabi @Enxaneta - Calendrier simple

Caractéristiques

  • CSS, JS, rien d'autre
  • Pas de dĂ©pendance
  • Si l'on clique sur un mois dans le calendrier annuel, le mois sĂ©lecionnĂ© apparaît en surimpression; comme "janvier" sur l'image ci-dessous
  • Catalogne

Image cliquable pour voir l'exemple

calendrier annuel et calendrier mensuel

Références

Site web

[Créé / modifié] [11-01-2022 / 11-01-2022]

Guerrero Stephanie - Calendrier simple

Caractéristiques

  • CSS (peu), JS, rien d'autre
  • DĂ©veloppĂ© tout en Javascript
  • Calendrier perpĂ©tuel quasi "brut de fonderie'
  • Barcelone, Espagne

Image cliquable pour voir l'exemple

Calendrier perpetuel en Javascript

Références

Site web

Site de l'auteur

[Créé / modifié] [20-01-2022 / 20-01-2022]

Khadka Mohan - Calendrier simple

Caractéristiques

  • CSS (peu), JS, rien d'autre
  • DĂ©veloppĂ© tout en Javascript
  • Calendrier perpĂ©tuel dont la couleur du bandeau et de l'arrière plan varient en fonction des mois et de la tempĂ©rature
  • Quand on passe au mois suivant le bandeau a le hoquet et la partie basse pivote
  • Katmandou, NĂ©pal

Image cliquable pour voir l'exemple

Calendrier tout en Javascript

Références

Site web

[Créé / modifié] [20-01-2022 / 20-01-2022]

Mark - Calendrier simple

Caractéristiques

  • CSS, JS, rien d'autre
  • Calendrier tout simple qui indique le jour et permet de naviguer mensuellement

Image cliquable pour voir l'exemple

calendrier en CSS et Javascipt, sans rien d'autre

Références

Site web

[Créé / modifié] [11-11-2021 / 11-11-2021]

Rabasco Natalio - Date du jour

Caractéristiques

  • CSS, JS, rien d'autre
  • 11 lignes de Javascript
  • Date du jour seulement
  • AlmoradĂ­, Espagne

Image cliquable pour voir l'exemple

Date du jour en Javascript

Références

Site web

[Créé / modifié] [20-01-2022 / 20-01-2022]

Torpey Darren - Calendrier simple

Caractéristiques

  • CSS, JS, jQuery, jQuery UI
  • Quasiment pas de code
  • Cambridge, Massachusetts, USA

Image cliquable pour voir l'exemple

calendrier avec jQuery UI

Références

Site web

[Créé / modifié] [11-01-2022 / 11-01-2022]

 

Calendrier avec template de gestion d'évènement

Lea Joey - Avec évènement

Caractéristiques

  • CSS, JS, rien d'autre
  • Calendrier perpĂ©tuel responsive avec saisie des évènements... sans mémorisation hors session
  • Accès rapide au jour d'aujourd'hui
  • L'ajout d'évènement se fait via un formulaire bien conçu
  • Le jour de l'Ă©vènement est parĂ© d'un point blanc en exposant
  • On peut saisir plusieurs Ă©vènements sur un jour
  • Super !
  • Floride, USA

Image cliquable pour voir l'exemple

calendrier gratuit avecgestion d'evenement

Références

Site web

Site de l'auteur

[Créé / modifié] [20-01-2022 / 20-01-2022]

Low Key - Avec évènement

Caractéristiques

  • CSS, JS, jQuery
  • Calendrier responsive avec saisie des évènements... sans mémorisation hors session
  • L'ajout d'évènementse fait via un formulaire bien présenté
  • Sympa !

Image cliquable pour voir l'exemple

calendrier avec formulaire de saisie d'evenements

Références

Site web

[Créé / modifié] [19-11-2021 / 19-11-2021]

Navasard Paul - Avec évènement

Caractéristiques

  • CSS, JS, Moment.js
  • Tout est prêt pour une gestion d'évènement (à coder)
  • Beau travail
  • Orem, Utah, USA

Image cliquable pour voir l'exemple

calendrier du mois avec gestion d'evenement

Références

Site web

[Créé / modifié] [01-01-2022 / 01-01-2022]

Osipov Anatoly - Avec évènement

Caractéristiques

  • CSS, JS, Popper.js, Bootstrap, Materialize
  • Très joli calendrier responsive
  • La gestion des évènements est prévue, il n'y a plus qu'à les mémoriser
  • Russie

Image cliquable pour voir l'exemple

calendrier gratuit prevu pour la gestion d'evenements

Références

Site web

[Créé / modifié] [19-11-2021 / 19-11-2021]

Perez Rivera Nick - Avec évènement

- Pas responsive

Caractéristiques

  • CSS, JS, Moment.js
  • Les évènements sont affichés de manière aléatoire
  • Philadelphia, Pennsylvanie, USA

Image cliquable pour voir l'exemple

calendrier avec evenements

Références

Site web

[Créé / modifié] [11-11-2021 / 11-11-2021]

Thomson Jack - Avec évènement

- Pas responsive, dommage !

Caractéristiques

  • CSS, JS, jQuery, Angular.js
  • La gestion des évènements est prévue, ils courent à partir du lendemain
  • Cardiff, Pays de Galles

Image cliquable pour voir l'exemple

calendrier avec gestion d'evenements

Références

Site web

Site de l'auteur

[Créé / modifié] [19-11-2021 / 19-11-2021]