DZS jQuery Mini Events Calendar

LIVE PREVIEW DOWNLOAD

Want a neat option to current your occasions in a calendar? That is the plugin for you.

Options

simple set up – buy, obtain the zip, learn the docs
pattern setup included – a pattern setup with the plugin to indicate an instance on how it may be configured
dzs tooltips included – a tooltip plugin from our portfolio is included to supply wealthy expertise to your customers
two skins – default and black
iPhone/iPad suitable – this plugin is suitable with iToys, even Android works
main browsers assist – IE7, IE8, IE9, IE10, Chrome, Opera, Safari and Firefox absolutely examined
html supported – inline content material is not any downside for this plugin

WordPress Model

Updates

UPDATE 3.94 [ 07/24/2016 ]

[TWEAK] hyperlinks now allowed in description

UPDATE 3.93 [ 05/25/2016 ]

[FIX] a number of stability fixes

UPDATE 3.92 [ 03/20/2016 ]

[TWEAK] preview up to date

UPDATE 3.91 [ 11/19/2014 ]

[FIX] bug the place occasions would duplicate

UPDATE 3.70 [ 07/03/2014 ]

[ADD] directions on the best way to change cowl pictures for skin-responsive-galileo in documentation
[ADD] directions on the best way to set tags on occasions
[TWEAK] polished skin-aurora

UPDATE 3.60 [ 01/30/2014 ]

[ADD] weblog occasions mode ( examine preview )
[FIX] remaining repair for the one date bug , ought to work advantageous now

UPDATE 3.53 [ 12/10/2013 ]

[FIX] one other repair for the one date bug – ( ie. occasions from Feb have been transmuted to Jan – now fastened )

UPDATE 3.53 [ 11/25/2013 ]

[FIX] variety of days bug – needs to be proper now

UPDATE 3.42 [ 11/6/2013 ]

[FIX] variety of days bug

UPDATE 3.41 [ 11/1/2013 ]

[FIX] begin day bug

UPDATE 3.40 [ 10/14/2013 ]

[TWEAK] improved slide transition
[ADD] startdate and enddate for making use of occasions
[FIX] varied bugs

UPDATE 3.00 [ 07/27/2013 ]

[TWEAK] made all skins responsive ( nonetheless compact skins look greatest in 193px width )
[ADD] state-of-the-art skin-responsive-galileo
[FIX] varied bugs

UPDATE 2.01 [ 02/10/2013 ]

fastened a deadly bug – calendar of previous month displaying someday en plus

UPDATE 2.00 [ 02/10/2013 ]

new – choice to be responsive
new pores and skin – skin-responsive
added markup possibility for occasions – as an alternative of data-date=”2-10-2013” now you can use data-day=”10” data-month=”2” data-year=”2013”
added day vary for occasions
added repeat each month for occasions
added jQuery noConflict mode

UPDATE 1.30 [ 11/21/2012 ]

fastened a serious bug the day not being appropriate
added a brand new pores and skin

UPDATE 1.20 [ 11/21/2012 ]

added start_weekday variable ( select between Sunday / Monday begin of the week )

UPDATE 1.10 [ 11/10/2012 ]

added a brand new description transition ( examine third instance )
up to date docs
fastened font in preview and bundle

What do you get?

calendar jquery plugin – get inventive!
pattern setup – a pattern setup with the plugin to indicate an instance on how it may be configured within the supply folder
documentation – in depth documentation on the best way to set up & configure the plugin within the readme folder
free updates – even when the worth of this gallery will increase with upcoming updates, you’re going to get them free of charge
free assist – for set up through my discussion board -> http://digitalzoomstudio.net/groups/

FAQ

I’m concerned with together with your Calendar script (DZS jQuery Mini Occasions Calendar) in certainly one of my works. I wish to ask, that’s there an (simple) choice to show my very own knowledge within the calendar?

Are you able to clarify your knowledge ? You possibly can place occasions on any day, and may have any html there ( movies, youtube embeds, headings, something ) .

The occasions are very simple so as to add.

How do I choose a spread of days on one calendar? I wish to choose 4 consecutive days. It wouldn’t be within the data-date attribute appropriate?

Very simple. That is the format for a spread

<div class="event-tobe" data-startdate="12-25-2013" data-enddate="12-29-2013">
                                <div type="width:200px;">
                                    <h5>Assembly at Palace</h5>
                                    <span class="label">Date</span> 11-8-2012 at 6PM<br />
                                    <span class="label">Location</span> Bremen, Germany<br />
                                    <br />Ana is assembly with you within the city sq..
                                </div>
                            </div>