نحوه تبدیل تاریخ میلادی به شمسی در فرم های html با استفاده ازPersianDatePicker

نحوه تبدیل تاریخ میلادی به شمسی در فرم های html با استفاده ازPersianDatePicker

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

PersianDatePicker یکی از فریم ورک های قدرتمند است که صورت گرافیکی به کاربران اجازه انتخاب تاریخ دلخواه از روی تقویم با فرمت شمسی را میدهد

دراین مقاله قصد داریم به شما نحوه اضافه کردن یک قسمت در فرم برای انتخاب تاریخ شمسی را با استفاده از jquery آموزش دهیم

فریم فرک PersianDatePicker jquery متدهای مختلفی در اختیار برنامه نویس قرار میدهد.که با استفاده از آن میتوانیم ظاهر تقویم را با سلیقه شخصی خود تنظیم کنیم

در این مثال یک نمونه ازPersianDatePicker را به شما نمایش میدهیم

نحوه انتخاب تاریخ شمسی در jQuery

برای استفاده از این فریم ورک کافی است تا فایل های زیر را در صفحه لود کنید


<link type="text/css" rel="stylesheet" href="css/persianDatepicker.css" />
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="js/persianDatepicker.min.js"></script>

به تگی را که قصد دارید در آن تقویم شمسی را اضافه کنید یک مشخصه ID بدهید

 

<input type="text" id="Date1" />

<span id="Date2"></span>

 حال باید تابع مربوط به فریم ورک PersianDatePicker را فراخوانی کنیم


<script type="text/javascript">
    $(function() {
        $("#Date1, #Date2").persianDatepicker();       
    });
</script>

 

 امیدوارم این مقاله مورد رضایت شما عزیزان قرار گرفته باشد .

لطفاً نظرات،انتقادات،پیشنهادات و سوالات خود را در قسمت نظرات به اطلاع ما برسانید.


این مقاله فایلی برای دانلود ندارد
برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.