Jalendar Event Jalendar Linker Jalendar Selector Jalendar Range

Jalendar Event

                                    <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'
});

Jalendar Linker

                                <div id="yourId2" class="jalendar"></div>

                                $('#yourId2').jalendar({
    color: '#fff',
    type: 'linker',
    customUrl: 'http://yourcustomurl.com/yourcustomurl?var=',
    dateType: 'mm-dd-yyyy',
    titleColor: '#666',
    weekColor: '#EA5C49',
    todayColor: '#EA5C49'
});

Jalendar Selector

                                <div id="yourId3" class="jalendar"></div>

                                $('#yourId3').jalendar({
    type: 'selector',
    dateType: 'yyyy-mm-dd',
    done: function() {
        alert( $('#yourId3 input.data1').val() );
    }
});

Jalendar Range

                                <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())
    }
});