/persianFullCalendar

Primary LanguageJavaScript

persianFullCalendar

Persian Full Calendar for Jquery>=1.8 And Bootstarp 3.0

there is an online preview available by rawgit

Implemention

<!-- dont forget to include JQuery and Bootstrap -->
<script src="persianFullCalendar.js"></script>
<link href="persianFullCalendar.css" rel="stylesheet" />

<!-- Calendar container -->
<div id="cal">
</div>
$(function () {
    $('#cal').persianDatepicker({
        // pined dates
        dates: ['1393/06/16', '1393/06/16', '1393/06/25'],
        // what happens on clicking a day
        onSelect: function (value) {
            alert(value);
        }
    });
});

Some notes

if you are not using Bootstarp just set the box-sizing: border-box for calendar container

#cal {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

Thanks

this plugin is based on behzadi/persianDatepicker

if you use this in your projects, please let me know

mostafaTech@gmail.com