ساخت تقویم در PHP با jQuery و AJAX

  • آپدیت شده در تاریخ

ساخت تقویم در PHP با jQuery و AJAX

ساخت تقویم در PHP بسیار آسان است. در هسته PHP توابع زیادی برای تاریخ و زمان وجود دارد. من از آنها برای ساخت تقویم در صفحه وب استفاده کردم.

این توابع برای شمارش روز/هفته ها, نام روز از هفته, ماه قبلی و بعدی بصورت دستی در تقویم قابل نمایش استفاده می شوند. نام روزهای هفته در هدر تثویم نمایش داده می شود. همچنین ماه را با تکرار حلقه شمارش روز/هفته های ماه/سال کنونی بصورت تو در تو نمایش دادیم.

در این مثال از ساخت تقویم در PHP , ما یک کلاس تقویم که شامل متدهایی برای محاسبه داده های تقویم (calendar) با استفاده از توابع تاریخ در PHP داریم.

همچنین, کلاس موردنظر HTML لازم برا برای هدر تقویم با دکمه ها را ایجاد می کند. در صفحه demo یک نمونه از این کلاس را ایجاد و تقویم را بصورت HTML دریافت می کنیم.

ساخت تقویم در PHP با jQuery و AJAX

کلاس PHP برای ایجاد تقویم

کد زیر محتویات فایل class.calendar.php که شامل توابع برای محاسبه داده ها و بازگشت HTML است را نشان می دهد. با لود صفحه, یک آبجکت از این کلاس برای دریافت HTML ماه فعلی می سازیم. در نهایت از اسکریپت jQuery برای ارسال درخواست AJAX به منظور دریافت ماه های قبل/بعد با کلیک روی دکمه ها, استفاده کردیم.

درخواست AJAX برای دریافت ماه قبل/بعد تقویم

با کلیک بر روی علامت های جلو و عقب در هدر تقویم, یک درخواست AJAX به فایل calendar-ajax.php به همراه داده های ماه/سال بعد یا قبل ارسال می شود.فایل PHP یک تقویم HTML را براساس ماه و سال پاس داده شده به عنوان پاسخ AJAX برگشت می دهد.

همچنین در این مثال, می توانیم سال را بصورت محتوای قابل ویرایش به منظور دریافت تقویم با AJAX قرار بدیم.

امیدوارم از آموزش ساخت تقویم در PHP با jQuery و AJAX نهایت استفاده را برده باشید .

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

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

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

حسن شفیعی توسعه دهنده وب و موبایل مدیر سایت علاقه خاصی به برنامه نویسی وب و موبایل دارم و هر روز تلاش می کنم به این حوزه مسلط تر شوم و اطلاعاتم را به شکل کاربردی برای علاقه مندان در وب به اشتراک بگذارم. اگر نیاز به برنامه نویس برای انجام پروژه و نوشتن اسکریپت های سمت وب, اپلیکیشن های اندروید و ios, پیدا کردن راه حل توسعه و غیره داشتید حتما از طریق تماس با ما/ واتساپ/ تلگرام بهم پیام بدید. برایتهیه هاست مطمین و پرسرعت کلیک کنید
مطالب زیر را حتما بخوانید
دیدگاه کاربران (۶)

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

  1. عباس ۱۲ فروردین ۱۴۰۱

    سلام و ممنون بابت اموزش
    اما ایمیلی برای دانلود سورس ارسال نمیشه!!!

    پاسخ
    1. حسن شفیعی ۱۲ فروردین ۱۴۰۱

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

      پاسخ
      1. عباس ۱۳ فروردین ۱۴۰۱

        سلام دوباره
        مجدد تشکر بابت مقاله خوبت، کارت درسته
        ایمیل هم ارسال شد

        پاسخ
      2. حسن شفیعی ۱۴ فروردین ۱۴۰۱

        سلام. خوشحالیم که مفید واقع شده.
        موفق باشید.

        پاسخ
  2. محمد حسین ۱۱ شهریور ۱۳۹۹

    سلام دوست عزیز ممنون از آموزش عالیت سوالی داشتم که از هر کدوم از برنامه نویسا می پرسم جواب درستی نمیگیرم
    این نمونه نوبت دهی این سایت هست:
    https://www.drsaina.com/doctorp-40e3416cdf144dbea80a24d1d91b501c/%D8%AF%DA%A9%D8%AA%D8%B1-%D8%AD%D9%85%DB%8C%D8%AF%D8%B1%D8%B6%D8%A7-%D8%AC%D8%A8%D8%A7%D8%B1%DB%8C-%D9%85%D8%AA%D8%AE%D8%B5%D8%B5-%D8%AF%D8%A7%D8%AE%D9%84%DB%8C/
    چطور همچین چیزی میشه نوشت با جاوااسکریپت
    یا اینکه با کد های پی اچ پی که بالا داریم و تقویمی که میتونیم درست کنیم آیا میشه همچیم موردی رو رو قالب نوبت دهی این پوسته html پیاده کرد نمونه رو مشاهده کنید:
    http://www.rtl-theme.com/theme-demo/125217/

    پاسخ
    1. حسن شفیعی ۱۲ شهریور ۱۳۹۹

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

      پاسخ
دوره های آموزشی