الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

تقويم اليوم

جرب العرض التوضيحي

هذا التطبيق يجعل سلسلة من الأحداث في تقويم يوم واحد. يستغرق مجموعة من كائنات JavaScript التي تحتوي على وقت البدء والنهاية للحدث: 

 [
    { start : 30 , end : 120 } ,
    { start : 300 , end : 330 } ,
    { start : 290 , end : 330 }
]

الأرقام هي دقائق منذ الساعة 9 صباحًا (لذلك 30 هو الساعة 9:30 صباحًا ، 120 هو 11 صباحًا وما إلى ذلك). يظهر يوم العمل فقط من الساعة 9 صباحًا إلى 6 مساءً.

واجهة المستخدم؟

لقطة شاشة

تعليمات

يمكنك التفاعل مع التقويم وتمرير مجموعة من كائنات JavaScript على وحدة التحكم باستخدام وظيفة Renderday () 

 renderDay ( [
    { 
        start : 200 ,
        end :   270
     }
 ] ) ;

تعليمات التثبيت

إذا كنت جديدًا على Github ، فيمكنك العثور على برنامج تعليمي سريع هنا.

(1) تنزيل المستودع وفتحه 
git clone https://github.com/tobiasbueschel/day-calendar.git
cd day-calendar
(2) تثبيت وحدات العقدة 
sudo npm install
(3) تثبيت مكونات الزجاجة 
bower install
(4) تشغيل التطبيق وإجراء التغييرات

يستخدم المشروع GavaScript Task Runner Grunt. ستكون الأوامر التالية مفيدة:

  • grunt dev يدير إصدار التطوير من التطبيق
  • تقوم grunt prod بتشغيل إصدار الإنتاج من التطبيق
  • grunt inject حقن مكونات bower في index.html

المساهمة

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

المراجع والتكنولوجيا المستخدمة

  • AngularJs
  • باور
  • الناخر

رخصة

انظر رخصة معهد ماساتشوستس للتكنولوجيا.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل