انتخابگر تاریخ شمسی جاوااسکریپت

ابتدا به صفحه درگیت هاب مراجعه کنید بعد از دانلود در مسیر پروژه خودتون بارگذاری کنید . 

این پلاگین متدها و آپشن های زیادی در اختیارتون قرار میده که میتونید با استفاده از اون به امکانات حداکثریش دست پیدا کنید.

بعد ازقراردادن در مسیر پروژه asset ها را در صفحه خودتون فراخوانی کنید :

<!--- srcipt JS --->
<script src="./js/persian-date.js"></script>
<script src="./js/persian-selector.js"></script>
<-- styleSheet -->
<link rel="stylesheet" href="./css/persian-selector.css" />

یک فایل input درست کنید و class اون رو date بگذارید :‌

<input type="text" readonly class="date"/>

داخل فایل  js خودتون فراخوانی رو انجام بدید 

$('.date').on('click', function(e) {
    e.preventDefault();
    $.dateSelect.show({
         element: $(this)
    });
});

خوب نتیجه کار مشخص میشه :

آبجکت های در دسترس :‌

callbacks: {
    onShow: function(widget) {
    // زمانی که انتخابگر باز میشود
    },
    onHide: function(widget) {
    // زمانی که انتخاب گر بسته میشود
    }
},

strings: {
    //  تغییر متن روزها و تاریخ
    days: ['شنبه', 'یکشنبه', 'دوشنبه', 'سه شنبه', 'چهارشنبه', 'پنجشنبه', 'جمعه'],
    months: ['فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن', 'اسفند']
}, 

formatDate: function(date) {
     var formatted = date.year() + '/' + $.dateSelect.pad(date.month() , 2) + '/' + $.dateSelect.pad(date.date(), 2) ;
     return formatted;
} ,