document.querySelectorAll('.month').forEach(monthElement => {
monthElement.addEventListener('click', () => {
const monthName = monthElement.getAttribute('data-month');
const year = 2025;
// حساب الأيام باستخدام moment.js
const daysInMonth = moment(`${year}-${monthName}`, 'YYYY-MMMM').daysInMonth();
const firstDayOfMonth = moment(`${year}-${monthName}`, 'YYYY-MMMM').startOf('month').day();
// إنشاء الجدول
let tableHTML = `
`;
// إضافة الخلايا الفارغة للأيام قبل بداية الشهر
for (let i = 0; i < firstDayOfMonth; i++) {
tableHTML += '';
}
// إضافة الأيام
for (let day = 1; day <= daysInMonth; day++) {
if ((firstDayOfMonth + day - 1) % 7 === 0 && day !== 1) {
tableHTML += ''; // بدء صف جديد بعد نهاية الأسبوع
}
tableHTML += ``;
}
// إغلاق الجدول
tableHTML += '
الأحد |
الاثنين |
الثلاثاء |
الأربعاء |
الخميس |
الجمعة |
السبت |
|
${day} |
';
// عرض الجدول في الواجهة
const daysDisplay = document.getElementById('daysDisplay');
daysDisplay.innerHTML = `
${monthElement.textContent}
` + tableHTML;
daysDisplay.style.display = 'block';
});
});