مسج التقويم الكامل
-
20-09-2019 - |
سؤال
ما لدي هو صفحة مبوبة تحتوي على 12 علامة تبويب (كل علامة تبويب هي شهر من أيام السنة).ما أحتاجه هو عندما أقوم بتحميل تقويم jquery، وعلامة التبويب foreach، والتقويم للتبديل إلى الشهر الذي تم تعيينه.(على سبيل المثال، عندما أقوم بالنقر على الصفحة وتحميلها لشهر يناير، يعرض التقويم أيام شهر يناير، وهكذا).
المحلول
هل تحقق من الوثائق الصفحة؟ تأخذ الدالة في 2 المعلمات المطلوبة و 2 منها اختياري.
.fullCalendar( 'gotoDate', year [, month, [ date ]] )
وهكذا لضبط التقويم الخاص بك إلى أبريل 2010، يمكنك استخدام شيء من هذا القبيل:
.fullCalendar( 'gotoDate', 2010, 5)
ملحوظة أن الأشهر هي 0 المستندة إلى ذلك أبريل = 3.
نصائح أخرى
شبيبة:
$(function() {
// build months anchors list
monthsList('#months-list');
// inizialize calendar
$('#calendar').fullCalendar({});
$(document).on('click', '#months-list a', function() {
// get month from month anchor hash
var month = this.hash.substring(1);
// go to new month
$('#calendar').fullCalendar('gotoDate', goToMonth(month));
return false;
});
function goToMonth(month) {
var date = new Date();
var d = date.getDate();
var m = month !== undefined ? parseInt(month, 0) : date.getMonth();
var y = date.getFullYear();
return new Date(y, m, d);
}
function monthsList(element) {
var monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
for (var m = 0; m < monthNames.length; m++) {
$(element).append('<li><a href="#' + m + '">' + monthNames[m] + '</a></li>');
}
}
});
لغة البرمجة:
<ul id="months-list"></ul>
<div id='calendar'></div>
هل قرأت API ؟ ويبدو أنه إذا كنت تريد أن تظهر يوليو 2010 استدعاء:
yourCal.fullCalendar('gotoDate',2010,6);
وجوابي بسيط لأن لدي أي فكرة عما كنت قد حاولت بالفعل القيام به.
لا تنتمي إلى StackOverflow