Persian-datepicker

Introduction

this is another persian calendar built over jquery ui , bootstrap

usage

<link type="text/css" href="persian-datepicker.css" rel="stylesheet" />

<script type="text/javascript" src="./scripts/jquery-1.6.2.min.js"></script>

<script type="text/javascript" src="./scripts/persian-datepicker.js"></script>

init

the paramaters are same as jquery date picker you can simply init calendar like this: $('#datepicker0').datepicker();

نمایش شماره هفته

 $('#datepicker1').datepicker({
            showWeek: true
        });

پرکردن فیلد اضافی

        $("#datepicker2").datepicker({
            dateFormat: './dd/mm/yy.html',
            altField: '#alternate2',
            altFormat: 'DD، d MM yy'
        });

نمایش دکمه ها

        $('#datepicker3').datepicker({
            showButtonPanel: true
        });

تغییر قالب نمایش تاریخ و تغییر سایز خودکار فیلد

        $("#datepicker4").datepicker({
            dateFormat: './dd/mm/yy.html',
            autoSize: true
        });
        $("#selector").change(function() {
            $('#datepicker4').datepicker('option', { dateFormat: $(this).val() });
        });

استفاده از dropdown

        $('#datepicker5').datepicker({
            changeMonth: true,
            changeYear: true
        });

انتخاب با کلیک بر روی عکس

        $("#datepicker6").datepicker({
            showOn: 'button',
            buttonImage: './styles/images/calendar.png',
            buttonImageOnly: true
        });

نمایش inline

        $('#datepicker7').datepicker();

نمایش چند ماه

        $('#datepicker8').datepicker({
            numberOfMonths: 3,
            showButtonPanel: true
        });

غیرفعال کردن روزها

        $('#datepicker9').datepicker({
            beforeShowDay: function(date) {
                if (date.getDay() == 5)
                    return [false, '', 'تعطیلات آخر هفته'];
                return [true];
            }
        });

تاریخ پیشفرض

        $('#datepicker10').datepicker({
            defaultDate: new JalaliDate(1361, 4, 10)    //this means "./1361/05/10.html"
        });

تنظیم حداقل و حداکثر

        $('#datepicker11').datepicker({
            minDate: '-3d',
            maxDate: '+1w +2d'
        });

تنظیم حداقل بصورت پویا

        $('#datepicker12from').datepicker({
            onSelect: function(dateText, inst) {
                $('#datepicker12to').datepicker('option', 'minDate', new JalaliDate(inst['selectedYear'], inst['selectedMonth'], inst['selectedDay']));
            }
        });

        $('#datepicker12to').datepicker();

استفاده همزمان از تقویم میلادی

        $('#datepicker13').datepicker({
            regional: ''
        });

استفاده همزمان از تقویم هجری قمری

        $('#datepicker14').datepicker({
            regional: 'ar'
        });

Support or Contact

Having trouble with calendar? Pull Request and we’ll help you sort it out.