روش ها و کتاب خونه های زیادی برای شمسی سازی فیلد های تاریخ اکشن فرم سمت کاربر موجود می باشد و ما در این آموزش از Persian Date Picker (babakhani) استفاده خواهیم کرد.

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

<script src="https://unpkg.com/persian-date@1.1.0/dist/persian-date.min.js" type="text/javascript"></script>

<script src="https://unpkg.com/persian-datepicker@1.2.0/dist/js/persian-datepicker.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="https://unpkg.com/persian-datepicker@1.2.0/dist/css/persian-datepicker.min.css"/>

در ادامه وارد پنل مدیریت اکشن فرم شده و در بخش General Settings روی گزینه open section کلیک کنید و در فیلد  Initialization scripts مقدار زیر را وارد کنید:

 $(document).ready(function () { setTimeout(function () { $(".pDatepicker").pDatepicker({ "inline": false, "format": "L", "viewMode": "day", "initialValue": false, "position": "auto", "observer": false, "toolbox" : { "calendarSwitch": { "enabled": false } }, "responsive": true }); }, 2000); }); 

در ادامه فیلدی از نوع Text Box به فرم اضافه کنید و مقدار فیلد Control CSS Classes را pDatepicker وارد کنید.

با این کار هر فیلدی که کلاس pDatepicker داشته باشه به تقویم شمسی تبدیل میشه.

ویرایش شد بوسیله کاربر 1400/07/19 03:46:46 ب.ظ  | دلیل ویرایش: مشخص نشده است