عشية العام الجديد، نشأت مهمة تافهة للغاية - لإنشاء موقع تقويم، حيث كان من الضروري لكل شهر عرض التقويم الخاص به لهذا الشهر. كانت المرحلة الأولى من حل المشكلة هي البحث حلول جاهزة. وبعد البحث في عشرات الحلول المدرجة على الإنترنت، تم الاختيار. تبين أن بعض الإصدارات معطلة تمامًا، وكان بعضها مرهقًا للغاية - وكان لا بد من تقليلها قليلاً للحصول على النتيجة المطلوبة. لذلك، دعونا ننظر في كيفية كتابة تقويم بسيط في PHP.

تم العثور على أساس البرنامج النصي على الإنترنت، وتم تصحيح الأخطاء، وتم الانتهاء من بعض الأشياء، على وجه الخصوص، تمت إضافة وظيفة تسليط الضوء على عطلات نهاية الأسبوع مع فئة CSS منفصلة.

تنفيذ تقويم شهري بلغة PHP خالصة دون استخدام mySQL وjQuery وما إلى ذلك. ويرد أدناه:

"; // عرض أيام الأسبوع $headings = array("Mon"، "Tue"، "Wed"، "Thu"، "Fri"، "Sat"، "Sun")؛ $calendar.= " "؛ for($head_day = 0; $head_day<= 6; $head_day++) { $calendar.= ""; $التقويم.= "

"; $التقويم.= ""; ) $التقويم.= ""; // اضبط بداية الأسبوع على يوم الاثنين $running_day = date("w",mktime(0,0,0,$month,1,$year)); $running_day = $running_day - 1; if ($ Running_day == -1) ( $running_day = 6; ) $days_in_month = date("t",mktime(0,0,0,$month,1,$year)); $day_counter = 0; array(); // السطر الأول من التقويم $calendar.= " "؛ // إخراج الخلايا الفارغة لـ ($x = 0؛ $x< $running_day; $x++) { $calendar.= ""; $days_in_this_week++; ) // وصلت للأرقام سنكتبها في السطر الأول for($list_day = 1; $list_day<= $days_in_month; $list_day++) { $calendar.= ""; // اكتب الرقم في خلية التقويم $.= " "; $التقويم.= ""; // الوصول إلى اليوم الأخير من الأسبوع if ($running_day == 6) ( // إغلاق السطر $calendar.= ""; // إذا لم يكن اليوم هو آخر يوم في الشهر، فابدأ السطر التالي if (($day_counter + 1) != $days_in_month) ( $calendar.= " "; ) // إعادة ضبط العدادات $running_day = -1; $days_in_this_week = 0; ) $days_in_this_week++; $running_day++; $day_counter++;) // عرض الخلايا الفارغة في نهاية الأسبوع الماضي if ($days_in_this_week< 8) { for($x = 1; $x <= (8 - $days_in_this_week); $x++) { $calendar.= " "; ) ) $التقويم.= ""; $التقويم.= ""؛ إرجاع التقويم $؛ ) ?>

تستقبل الدالة draw_calendar الرقم التسلسلي للشهر والسنة كمدخل. نتيجة تنفيذ الوظيفة هي رمز html للتقويم للشهر المحدد. يعد استخدام الميزة المذكورة أعلاه أمرًا سهلاً ويمكن حتى للمبتدئين في تطوير الويب القيام بذلك. سيعرض المثال أدناه تقويمًا لشهر يناير 2016.

لم يتم تضمين مخرجات التسمية التوضيحية للتقويم، والتي تتضمن اسم الشهر والسنة، في الوظيفة عمدًا بحيث يمكن تغييرها بحرية، وربما إزالتها تمامًا.

تقويم PHP لمدة سنة

من خلال الوظيفة المذكورة أعلاه، يمكنك بسهولة الحصول على برنامج نصي لتقويم PHP لمدة عام، ولأي عام. للقيام بذلك، يكفي تكرار جميع الأشهر ولكل منها استدعاء وظيفة عرض التقويم لهذا الشهر.

ومع ذلك، سيتطلب ذلك إنشاء مصفوفة تحتوي على قائمة بأسماء الأشهر باللغة الروسية، حيث يمكنك فقط الحصول على أسماء الأشهر من PHP باللغة الإنجليزية.

الكود في هذه الحالة سيكون كالتالي:

"يناير"، 1 => "فبراير"، 2 => "مارس"، 3 => "أبريل"، 4 => "مايو"، 5 => "يونيو"، 6 => "يوليو"، 7 => " أغسطس"، 8 => "سبتمبر"، 9 => "أكتوبر"، 10 => "نوفمبر"، 11 => "ديسمبر")؛ لـ ($month = 1؛ $month<= 12; $month++) { ?>

يمكنك تنزيل الأمثلة الواردة في هذا المنشور من Github.

14 سبتمبر 2014

هناك حالات لا يمكنك فيها استخدام مكون تم إنشاؤه في JavaScript. كقاعدة عامة، هذه هي الحالات التي تحتاج فيها إلى القدرة على عدم أتمتة تحديد التاريخ نموذج HTMLولكن القدرة على ربط أحداث معينة سابقة أو مخطط لها بتواريخ في المستقبل. يمكن أن يكون هذا عدد عناصر الأخبار في تاريخ معين، أو عدد السلع المطلوبة أو المشتريات التي تمت في متجر عبر الإنترنت، وما إلى ذلك. أولئك. وفي مثل هذه الحالات يصبح من الواضح أن هناك حاجة للربط بين التقويم وقاعدة البيانات للحصول على معلومات معينة لتاريخ محدد. بالطبع، سيكون من الممكن إنشاء تقويم في JavaScript واستخدام Ajax للحصول على بيانات حول وجود أحداث معينة، ولكن كما تظهر الممارسة، فإن هذا الحل ليس هو الأمثل. لذلك، سيتم تطوير مكون التقويم هذا بلغة PHP.

إعدادات النمط للتقويم موجودة في الملف Calendar.css. أ PHP النصيموجود في الملف Calendar.class.

للعمل مع التقويم، تحتاج إلى إضافة الكود التالي إلى الوحدة التي تحتاجها:

// قم بتوصيل الوحدة require_once (dirname (__FILE__) . "/calendar.class.php"); // مصفوفة بتواريخ الأحداث بتنسيق Unix $Events = array(1409518800, 1409778000,1410210000,1410901200,1411592400); // احصل على التاريخ إذا كان هناك $date = (isset($_REQUEST["date"]))? $_REQUEST["date"] : "" ; // إنشاء كائن تقويم $calendar = new Calendar($date, $Events); // عرض التقويم echo $calendar->ShowCalendar();

يمكنك تعديل كود المصدر لهذا التقويم بناءً على احتياجاتك. يمكنك تنزيل مكون التقويم.

نقدم لك اليوم مجموعة مختارة من المكونات الإضافية التي تتيح لك إنشاء تقويمات بسهولة مع تحديد التاريخ، والتي تم تطوير معظمها في jQuery وjQuery UI (واجهة المستخدم).

تعد جميع هذه التقويمات تقريبًا عبارة عن منصة كاملة ذات وظائف جيدة، ولكن سيتعين تحسين بعضها ووضع اللمسات النهائية عليها، ولكن في بعض الأحيان يكون هذا ميزة إضافية، لأنه في معظم الحالات تحتاج، بطريقة أو بأخرى، إلى التخصيص مظهرلتصميم الموقع.

تتناول هذه المقالة كيفية إنشاء تقويم على شكل تطبيق iPhone.

يسمح DatePicker للمستخدمين بتحديد التاريخ الحالي من القائمة المنسدلة. لا داعي للقلق بشأن تنسيقات التاريخ لأنها صحيحة دائمًا بسبب نموذج التحديد.

التقويم عبارة عن فئة جافا سكريبت تسمح لك بإضافة منتقي تاريخ يمكن الوصول إليه وغير مزعج. هذه الفئة عبارة عن تجميع للعديد من العناصر التي غالبًا ما يستخدمها مطورو الويب وقد تم إعادة تصميمها بالكامل بواسطة فريق MooTools. لقد حاولنا تضمين جميع الخصائص الضرورية، ولكن مع إبقاء الحجم صغيرًا قدر الإمكان. للتحقق من الفصل، تحقق من الروابط أدناه.

البرنامج المساعد عبارة عن أداة تقويم jQuery مع القدرة على عرض الشهر. يمكنك اختيار الشهر الذي تريد عرضه وسيعرض الشهر الحالي بشكل افتراضي. يؤدي المكون الإضافي وظيفته بشكل مثالي، على الرغم من أنه يتكون من 100 سطر فقط من كود جافا سكريبت.

مكون تقويم من السهل جدًا تعديله وتغيير مظهره.

ملكيات:

* إنشاء أي عدد من الأشهر في تقويم منفصل
* القدرة على عرض عطلات نهاية الأسبوع والأعياد
*تواريخ البدء والانتهاء
* تغيير المظهر باستخدام CSS
* إمكانية تثبيت عدة تقاويم على الصفحة الواحدة في وقت واحد
* الأمثل لأداء أفضل

تم تصميم هذا التقويم المنبثق المرن والبسيط للعمل عبر جميع المتصفحات. يمكنك تغييره وتعديله بالكامل فيما يتعلق باللغات والتواريخ والألوان. تعرض النافذة المنبثقة الشهر على مدار عدة سنوات.

يمكنك أيضًا إدخال التاريخ بشكل اختياري وسيتم عرض الشهر المطلوب لك. يمكن عرض السنة إما بتنسيق مكون من رقمين أو أربعة أرقام، ويمكن عرض الشهر بالأرقام أو بالاسم. يمكنك أيضًا عرض أي تاريخ أو يوم باستخدام جافا سكريبت.

تعتبر هذه الأداة مثالية للجمع بين التقنيات من جانب الخادم لمواصلة تطوير التطبيق الاحترافي.

يمكنك بسهولة دمج مكون DatePicker في تطبيق الويب الخاص بك.

ملكيات:

* إمكانية العرض مع العناصر الأخرى في الصفحة
* تقاويم متعددة في مكون واحد
* القدرة على إبراز تواريخ محددة
* القدرة على تغيير المظهر باستخدام CSS
* القدرة على توطين أسماء الأيام والأشهر
* القدرة على تحديد يوم البدء الخاص بك في الأسبوع
* إمكانية التكامل في نافذة المتصفح

نظام التقويم هو تقويم بسيط.

تقويم Tigra هو عنصر جافا سكريبت عبر المتصفحات يوفر القدرة على تحديد التواريخ من القوائم المنسدلة عبر نماذج HTML.

سيتمكن تطبيق One Plans من دعم تقاويم متعددة. من الممكن أيضًا عرض المعلومات في تقاويم مختلفة مع بعضها البعض. تتم إدارة كل تقويم بشكل منفصل (كلمة مرور فريدة وإعدادات منفصلة ومظهر مختلف).

يمكن استخدام تقاويم متعددة تعمل ضمن تطبيق خطط واحد على مواقع ويب مختلفة. يستخدم التطبيق نموذج حدث متكرر مرن للغاية.

التطبيق يدعم لغات متعددة. يمكنك ضبط يوم بداية الأسبوع يدويًا. يمكن عرض التواريخ بتنسيق مختصر (mm/dd/yy، dd/mm/yy، وما إلى ذلك). يمكن للتطبيق استخدام البيانات من ملفات منفصلةأو قواعد البيانات.

jQuery UI Datepicker هو مكون إضافي مزود بـ إمكانيات واسعةأداة التخصيص التي تسمح لك بإضافة نماذج منتقي التاريخ إلى صفحات الويب الخاصة بك. يمكنك أيضًا تعديل مظهر المكون الإضافي ولغته، وتحديد فترات زمنية محددة، وإضافة أزرار تنقل إضافية بسهولة.

افتراضيًا، يتم عرض التقويم كتراكب صغير عبر التركيز البؤري ويتم إغلاقه تلقائيًا بتأثير ضبابي، أو بعد تحديد التاريخ بالفعل. يمكنك بسهولة تضمين تقويم في صفحة الويب الخاصة بك باستخدام div أوspan.

يمكنك إدارة التقويم الخاص بك باستخدام مفاتيح التشغيل السريع:

* الصفحة لأعلى/لأسفل – الشهر السابق/التالي
* ctrl+page up/down – – العام السابق/القادم
* ctrl+home - الشهر الحالي أو افتح التقويم إذا كان مغلقاً
* ctrl+يسار/يمين – – اليوم السابق/التالي
* ctrl+up/down – – الأسبوع السابق/القادم
* أدخل – تأكيد التاريخ المحدد
* ctrl+end – إغلاق بدون حفظ التاريخ
* الهروب – ببساطة قم بإغلاق التقويم

يتيح لك هذا العنصر تحديد تاريخ باستخدام لوحة تمرير بسيطة. عن طريق سحب شريط التمرير على طول الخط الزمني، يمكنك تغيير التاريخ على الفور. علاوة على ذلك، عندما يريد المستخدم عرض تواريخ أخرى، تعود أشرطة التمرير تلقائيًا إلى مواقعها الأصلية.

يمثل FullCalendar البرنامج المساعد مسج، والذي يسمح لك بإنشاء تقويمات كاملة الحجم قابلة للسحب والإفلات. يستخدم البرنامج المساعد AJAX، ويمكنك تنسيقه بسهولة إلى التنسيق المطلوب (هناك أيضًا وظيفة إضافية خاصة لتقويم Google).

يوفر البرنامج المساعد القدرة على تحديد وسحب الأحداث حسب التاريخ.

* السيطرة الكاملةعبر لوحة المفاتيح
* تقديم الدعم لمختلف صيغ العرض والفواصل
* غير مزعجة
* إمكانية التصميم باستخدام css
* إمكانية عرض أيام محددة من الأسبوع
* خيار التعريب المرن
* القدرة على تسليط الضوء على أيام معينة من الأسبوع
* التوزيع مجاني (بواسطة اتفاقية الترخيصنسخة)

ملكيات:

* يعمل مع واحد أو أكثر من عناصر إدخال النص نوع الإدخال = "نص"
* القدرة على إبراز تواريخ معينة
* يُغلق تلقائيًا بعد تحديد التاريخ (وكذلك عند الضغط على تاريخ اليوم أو أزرار الإغلاق)
* فرصة التحولات السريعةعبر حقل "اختر".
* إخفاء الأزرار تلقائيًا إذا لم يكن هناك مكان آخر للتمرير
وأيضا أكثر من ذلك بكثير ...

هذا المكون عبارة عن نموذج بسيط لاختيار التاريخ وتقويم.

ملكيات:

* إمكانية إضافة اللغات
* إمكانية التغيير التاريخ الحالي
* إمكانية التمرير بعجلة الماوس
* وجود الأزرار

الإطار الزمني هو مكون مجاني تم اختباره ويعمل على Github. من الممكن تحديد التاريخ "من" و"إلى".

منتقي التاريخ/الوقت هو مكون بسيط لانتقاء التاريخ أو الوقت. لفتح التقويم، فقط اضغط على الأيقونة ذات الجانب الأيمنحقول الإدخال.

مثال آخر لمكون منتقي التاريخ البسيط. يحتوي التقويم على ثلاثة مواضع مطلوبة: و .

يقوم البرنامج الإضافي بتحويل منتقي التاريخ jQuery UI إلى مكون تفاعلي مصمم خصيصًا لتحديد نطاق من التواريخ. هذا تحديث.

|

jMonthCalendar هو تقويم متكامل مع دعم الأحداث. يمكنك ببساطة تعيين الخيارات والأحداث، وسوف يقوم بالباقي نيابةً عنك. يتمتع المكون الإضافي بالقدرة على التعديل، مما سيسمح للمطور بالتفاعل مع التقويم، ومتى يتم عرض تغيير الأشهر، وكذلك تحرير الحدث عند النقر على نافذة الإشعارات. يدعم jMonthCalendar الآن أيضًا أحداث التمرير، بالإضافة إلى معلمة التنبيه () ؛ وفقًا للمعيار، يحتوي كل حدث على عنوان URL يؤدي إلى صفحة تحتوي على معلومات تفصيلية.

VCalendar (تقويم الويب الافتراضي) هو أ تطبيق مجانيتقويم الويب لإنشاء وإدارة الأحداث عبر الإنترنت، على شكل تقويم بالطبع. يمكن استخدام هذا الحل الرائع والمجاني لمجتمعات الويب وأي منظمات تجارية أو غير ربحية. على عكس التقاويم الأخرى عبر الإنترنت، يتم توزيع VCalendar باستخدام مصدر الرمزبلغات البرمجة المختلفة: PHP، ASP، ASP.NET (C#). ويتم ذلك بهدف إضافة تقنيات جديدة في المستقبل.