jQuery FullCalendar - فشل في محاولة إضافة حدث وعرض على التقويم
-
21-09-2019 - |
سؤال
أحاول معرفة كيفية استخدام المكون الإضافي الرائع لـ Adam Shaw - FullCalendar لإضافة حدث في مشروعنا: صفحة طلب البالون عبر الإنترنت قيد التطوير
في الأساس ، إذا قمت بالنقر فوق "Step1" واختر "Pickup in Shop" ، فستقلبك الصفحة إلى عرض التقويم ، حيث يمكنك النقر فوق الزاوية اليمنى العلوي في زر "الأسبوع" لتغيير العرض إلى أسبوعي أساس. ما أحاول تحقيقه هو عندما تنقر العميل على فتحة فارغة في يوم واحد ، يمكنها إنشاء حدثها في هذا المكان. هنا هو رمز بلدي في custom.js:
dayClick: function()
{
var n = parseInt(this.className.match(/fc\-slot(\d+)/)[1]);
alert('a day has been clicked on slot ' + n);
//trying to add an event using the renderEvent() method.
$('#' + type + 'Calendar').fullCalendar('renderEvent',
{
title : 'my pickup slot',
start : new Date(y,m,d, 12, 30),
end : new Date(y,m,d, 13, 00),
});
}
يحاول استخدام طريقة واجهة برمجة تطبيقات FullCalendar Renderevent لذلك لإنشاء مثل هذا الحدث. ومع ذلك ، على الرغم من أن الكود الخاص بي يعمل دون خطأ ، ويمكنني أن أرى الموجه الذي تم النقر عليه ، إلا أنه لن يقدم مثل هذا الحدث الجديد على التقويم.
هل هناك طريقة أخرى للقيام بذلك أم أن الكود الخاص بي يفعل شيئًا خاطئًا؟
أي اقتراح سيكون موضع تقدير كبير ، شكرًا جزيلاً مقدمًا.
المحلول
إنها إشراف بسيط. قيمة ال type
في الوظيفة loadCalender(type)
تم تعيينه على pickupCalendar
من المكالمة closeStep1OpenSetp2("pickupCalendar");
.
لكنك تفعل $('#' + type + 'Calendar')
الذي يقيم ل $('#pickupCalendarCalendar')
وليس هناك عنصر مع هذا المعرف. الصحيح سيكون $('#pickupCalendar')
لذلك إما إزالة التقويم في المعلمة أو الخندق + 'Calendar'
. ثم يجب أن تعمل بشكل جيد