طراحی سایت, ساخت ربات تلگرام, آموزش php , سورس کد php ,سورس ربات تلگرام , سورس فروشگاه اینترنتی , آموزش طراحی وب

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


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

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

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

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

 

پلاگین Datepicker جی کوئری آپشن و متدهای مختلفی را در اختیار ما قرار می دهد, که می توانیم با استفاده از آن رابط کاربری تقویم را بنابر سلیقه  و layout تغییر بدیم.

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

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

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

برای افزون پلاگین Datepicker شمسی به صفحه وب مراحل زیر را دنبال کنید.

  • فایل های jQuery & persianDatepicker.js & persianDatepicker.css در تگ <head> صفحه html خود فراخوانی کنید.

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

  • تابع persianDatepicker مربوط به پلاگین را فراخوانی کنید.

اگر تمام مراحل ساده بالا را پیاده کردید به راحتی میتوانید با کلیک بر روی المنت (input و یا تگ span) خود تقویم شمسی خود را برای انتخاب تاریخ ببینید.

مثال : انتخاب تاریخ شمسی در jQuery

خروجی

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

اگر هیچ نتیجه ای نمایان نشد , نگران نباشید , کافیست سورس کد کامل را از آخر مقاله آموزشی انتخاب تاریخ شمسی در jQuery دانلود و استفاده کنید.

حتما بخوانید  تغییر قالب با jQuery

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

آپشن ها

  • selectedBefore – اگر مقدار true باشد , مقدار تاریخ امروز بصورت خودکار انتخاب و در فیلد متنی نمایش داده خواهد شد.
  • alwaysShow – در هر بار اجرای صفحه وب , بصورت خودکار بخش تقویم نمایان خواهد شد.
  • formatDate – نوع نومایش تاریخ و زمان را مشخص می کند (بصورت پیش فرض : “YYYY/MM/DD” که بدون زمان است)
  • persianNumbers – اعداد را بصورت فارسی قرار می دهد (مقادیر : true,false)
  • fontSize – اندازه فونت را بصورت پیکسلی و عددی دریافت میکند (پیشفرض : ۱۳)
  • theme – تغییر قالب نمایش تقویم (مقادیر قابل قبول : dark , latoja , lightorang , melon)

و کلی آپشن های دیگر که مهمترین های آنها در بالا ذکر شد .

 

امیدوارم از مقاله آموزشی انتخاب تاریخ شمسی در jQuery لذت برده باشید . مطمینا با استفاده از این قابلیت ها در پروژه هایی که می نویسید, کار شما بسیار حرفه ای تر می شود .

برای دانلود سورس کد کامل این آموزش از باکس دانلود استفاده کنید

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق و پیروز باشید.

حسن شفیعی
مدرس ، پنتستر ، توسعه دهنده اپلیکیشن های تحت وب ، عضو مرکز حامی نخبگان و از مدیران و اعضای رسمی تیم امنیتی آشیانه هستم . علاقه خاصی به زبان php و امنیت شبکه و لینوکس دارم و هر روز تلاش می کنم به این حوزه ها مسلط تر شوم و اطلاعاتم را در وب به اشتراک بگذارم

دیدگاه کاربران

8 پاسخ به “انتخاب تاریخ شمسی در jQuery”

  1. امیر گفت:

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

    0
    • حسن شفیعی گفت:

      سلام ممنونم . خوشحالم که مفید واقع شده .
      همچنین . موفق و پیروز باشید.

      0
      • amir گفت:

        سلام و عرض ادب و خسته نباشید
        مهندس جان میشه راجع به درگاه بانکی تو سایت برامون توضیح بدی
        اینکه چطور باید درگاه رو بگیریم و چطور به سایت لینک کنیم
        ممنون میشم راهنمایی کنی.

        0
        • حسن شفیعی گفت:

          سلام . ممنونم.

          در این لینک کد درگاه ملت در مورد نحوه دریافت درگاه مستقیم و نحوه اتصال به اون رو نمایش دادیم .
          اگر کمی php بلد باشید میتونید این رو روی سایت پیاده کنید. اگر هم از cms های معروف مثل وردپرس , جوملا و .. استفاده می کنید هم که برای هر کدام افزونه اون موجوده و نیاز که فقط نصب و استفاده کنید.
          اگر سیستم سایت اختصاصیه که باید با برنامه نویس هماهنگ کنید که برای شما درگاه رو کدنویسی و اضافه بشه.

          اگر هم درگاه مستقیم نمی تونید بگیرید هم از درگاه پرداخت واسط هم سریعا دریافت و روی سایت دوباره مثل بالا با افزونه و یا کدنویسی اضافه کنید

          موفق باشید

          0
  2. amir گفت:

    ببخشید یه سوال دیگه داشتم این آخریشه!
    برای انکه بخوام فقط کد کپتچای رو صفحه ریفرش بشه مگه از تابع reload استفاده نمیشه ؟
    من هرچقدر دایو کد کپچا رو reload می کنم نمیشه؟
    اگه میشه راهنماییم کنید.
    واقعا ممنونم

    0

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

جدیدترین آموزش های آنلاین



دانلود رایگان (هدیه ویژه)

کتاب آموزش زبان برنامه نویسی PHP را دانلود و همین امروز یادگیری را شروع کن و به جمع برنامه نویسان ملحق شو ;)

دانلود رایگان کتاب

افزایش امنیت سایت

مجوزهای ما

logo-samandehi

بخش کاربران

هنوز عضو نیستید ؟ کلیک کنید

دانلود کتاب

عضویت در خبرنامه