Vai al contenuto

Un calendario personalizzabile

Tra tutti i plugin per la realizzazione di calendari visti in rete, credo che CLNDR sia uno dei migliori mai visti!

A differenza di molti altri plugin di questo genere CLNDR non genera alcun markup ma utilizza invece un modello HTML con Underscore.js che verrà successivamente riempito con i dati: ciò implica che non vi è limite alcuno ai dati che desiderate utilizzare al suo interno.

Praticamente CLNDR è un telaio ad alta velocità su cui potrete costruire il calendario dei vostri sogni!

CLNDR cerca i pulsanti Avanti e Indietro nel modello creato. Questi pulsanti attivano il calendario per ridisegnarlo con il nuovo mese. Per impostazione predefinita, le classi sono clndr-next-button e clndr-previuos-button, tuttavia è possibile specificare classi diverse modificando le opzioni.

CLNDR accetta un array di oggetti evento e li inietta nella matrice del modello creato. Questo significa che è possibile passare quanti eventi si vogliono e CLNDR farà in modo di visualizzarli solo e solamente quando se ne ha bisogno. Oltre ad esporre tutti i dati nel vostro oggetto evento, l’evento di classe verrà aggiunto alla stringa days.classes in modo da poterlo facilmente personalizzare.

Numerose le opzioni a disposizione e, non ultima, vi è la possibilità di associare l’istanza CLNDR ad una variabile e giocare con essa successivamente.

Il plugin richiede jQuery ed Underscore.js.

Sito autore e demo: http://kylestetz.github.io/CLNDR/

Scritto da jqueryitalia

Sito WEB: https://www.jqueryitalia.org

Contenuto non disponibile.
Per visualizzarlo, devi acconsentire all'utilizzo dei cookies cliccando su "ACCONSENTO" nel banner sottostante.

Questo sito utilizza i cookies, anche di terze parti: se chiudi questo banner, scorri la pagina o continui con la navigazione, tu ACCONSENTI all'utilizzo dei cookies. MAGGIORI INFORMAZIONI

Questo sito utilizza i cookie per fonire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o clicchi su "Accetta" permetti al loro utilizzo.

Chiudi