<div id="yourId" class="jalendar"> <div class="added-event" data-date="19-11-2015" data-title="WWDC 13 on San Francisco, LA"></div> <div class="added-event" data-date="19-11-2015" data-title="Hazal ve Bora Nikah Töreni"></div> <div class="added-event" data-date="21-11-2015" data-title="Hazal ve Bora Nikah Töreni"></div> <div class="added-event" data-date="22-11-2015" data-title="Hazal ve Bora Nikah Töreni at 21"></div> <div class="added-event" data-date="10-12-2015" data-title="Tarkan İstanbul Concert on Harbiye Açık Hava Tiyatrosu"></div></div>$('#yourId').jalendar({ customDay: '01/11/2015', color: '#577e9a', // Unlimited color2: '#57c8bf', // Unlimited lang: 'TR'});<div id="yourId2" class="jalendar"></div>$('#yourId2').jalendar({ color: '#fff', type: 'linker', customUrl: 'http://www.jqueryfuns.com/?var=', dateType: 'mm-dd-yyyy', titleColor: '#666', weekColor: '#EA5C49', todayColor: '#EA5C49'});<div id="yourId3" class="jalendar"></div>$('#yourId3').jalendar({ type: 'selector', dateType: 'yyyy-mm-dd', done: function() { alert( $('#yourId3 input.data1').val() ); }});<div id="yourId4" class="jalendar"></div>$('#yourId4').jalendar({ color: '#37C4A7', type: 'range', lang: 'TR', done: function() { alert($('#yourId4 input.data1').val() + ' / ' + $('#yourId4 input.data2').val()) }});