Partagez l'article !Share on Facebook0Tweet about this on TwitterShare on Google+0Share on LinkedIn1Pin on Pinterest1Share on StumbleUpon1Share on Tumblr0

calendat-javascript-tech-news-fr

Je vous présente aujourd’hui un plugin Javascript sympathique. Il s’agit d’un calendrier responsive. Son design est épuré (il faut aimer le flat design…) et il est responsive donc s’adapte à toutes vos mises en page et aux versions mobiles.  Il est en Javascript donc il se met en place assez simplement et rapidement.

Pour commencer, il vous faut importer le CSS et le JS du calendrier. Ecrivez ces lignes :

<link href="http://www.ericwenn.se/frameworks/flatmin/calendar/c.css" rel="stylesheet" />
<script type="text/javascript" src="http://www.ericwenn.se/frameworks/flatmin/calendar/calendar.js"></script>

Une fois le CSS et le JS intégrés, Vous devez ajouter le calendrier proprement dit dans votre code. L’instruction suivante permet d’intégrer un calendrier ultra simpliste.

<div class="calendar"></div>

Si vous voulez faire apparaître plus de choses il vous faut ajouter des options. Par exemple,

<div class="calendar" data-showdays="true">
   <div data-role="day" data-day="20130910"></div>
</div>

Le code précédent permet d’afficher un calendrier avec le nom des jours et le jour courant est fixé au 9 Octobre 2013.

Enfin et pour terminer, il vous faut lancé le calendrier à l’aide du javascript :

<script text="javascript">
    $(".calendar").calendar();
</script>

Pour plus d’informations et pour le tutoriel concernant les événements je vous invite à consulter la page du développeur.

Partagez l'article !Share on Facebook0Tweet about this on TwitterShare on Google+0Share on LinkedIn1Pin on Pinterest1Share on StumbleUpon1Share on Tumblr0