Islamic Date Today in Pakistan & Worldwide – Hijri Calendar

.simple-islamic-date { width: 100%; margin: 15px auto; } .islamic-date-box { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; } .date-item { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 18px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.05); } .date-item span { display: block; font-size: 14px; color: #64748b; margin-bottom: 7px; } .date-item strong { display: block; font-size: 20px; color: #047857; font-weight: 700; } @media (max-width: 600px) { .islamic-date-box { grid-template-columns: 1fr; } .date-item strong { font-size: 18px; } } (function () { function updateIslamicDate() { var today = new Date(); var pakistanDate = new Date(today); /* * Pakistan local moon-sighting date. * Change the offset here if your local * announcement differs. */ pakistanDate.setDate( pakistanDate.getDate() - 1 ); var globalDate = today; function getHijriDate(date) { return new Intl.DateTimeFormat( 'en-US-u-ca-islamic', { day: 'numeric', month: 'long', year: 'numeric' } ).format(date); } var pakistan = document.getElementById( 'pakistan-islamic-date' ); var global = document.getElementById( 'global-islamic-date' ); if (pakistan) { pakistan.textContent = getHijriDate(pakistanDate) + ' AH'; } if (global) { global.textContent = getHijriDate(globalDate) + ' AH'; } } function startIslamicDate() { updateIslamicDate(); /* * Check every minute so the date * automatically changes after midnight. */ setInterval( updateIslamicDate, 60000 ); } if ( document.readyState === 'loading' ) { document.addEventListener( 'DOMContentLoaded', startIslamicDate ); } else { startIslamicDate(); } })(); tailwind.config = { corePlugins: { preflight: false, }, theme: { extend: { colors: { emerald: { 50: '#f0fdf4', 100: '#dcfce7', 200: '#bbf7d0', 600: '#059669', 700: '#047857', 800: '#065f46', 900: '#064e3b', 950: '#022c22', } } } } } Islamic Date Today Pakistan & Global Hijri Calendar 2026 --:--:-- PKT The current Islamic date today is -- --- ---- in Pakistan, India, and Bangladesh, while the global Hijri calendar stands at -- --- ----. This Islamic calendar 2026 helps track all religious events easily. Every date here depends strictly on local moon sighting announcements from regional committees. Gregorian Date --- 🌙 Pakistan Hijri Date --- Saudi / Global Hijri --- Safar 1448 صفر Mon Tue Wed Thu Fri Sat Sun (function() { const ISLAMIC_MONTH_DATA = [ { id: 1, name: "Muharram", arabic: "المحرّم", startYear: 2026, startMonth: 5, startDay: 15, length: 30 }, { id: 2, name: "Safar", arabic: "صفر", startYear: 2026, startMonth: 6, startDay: 15, length: 29 }, { id: 3, name: "Rabi' al-Awwal", arabic: "ربيع الأول", startYear: 2026, startMonth: 7, startDay: 13, length: 29 }, { id: 4, name: "Rabi' al-Thani", arabic: "ربيع الآخر", startYear: 2026, startMonth: 8, startDay: 11, length: 30 }, { id: 5, name: "Jumada al-Awwal", arabic: "جمادى الأولى", startYear: 2026, startMonth: 9, startDay: 11, length: 30 }, { id: 6, name: "Jumada al-Thani", arabic: "جمادى الآخرة", startYear: 2026, startMonth: 10, startDay: 10, length: 29 }, { id: 7, name: "Rajab", arabic: "رجب", startYear: 2026, startMonth: 11, startDay: 9, length: 30 }, { id: 8, name: "Sha'ban", arabic: "شعبان", startYear: 2027, startMonth: 0, startDay: 8, length: 30 }, { id: 9, name: "Ramadan", arabic: "رمضان", startYear: 2027, startMonth: 1, startDay: 7, length: 30 }, { id: 10, name: "Shawwal", arabic: "شوال", startYear: 2027, startMonth: 2, startDay: 9, length: 29 }, { id: 11, name: "Dhu al-Qadah", arabic: "ذو القعدة", startYear: 2027, startMonth: 3, startDay: 7, length: 30 }, { id: 12, name: "Dhu al-Hijjah", arabic: "ذو الحجة", startYear: 2027, startMonth: 4, startDay: 7, length: 29 } ]; let activeHijriMonthIndex = 1; function runLiveClock() { const liveTimeElement = document.getElementById('hj-live-time'); if (liveTimeElement) { const now = new Date(); liveTimeElement.textContent = now.toLocaleTimeString('en-PK', { hour: '2-digit', minute: '2-digit', second: '2-digit', timeZone: 'Asia/Karachi' }) + ' PKT'; } } function getDetailedHijriDate(date, offsetDays = 0) { const adjustedDate = new Date(date); adjustedDate.setDate(adjustedDate.getDate() + offsetDays); adjustedDate.setHours(0,0,0,0); let matchedMonthIndex = -1; let currentDayOfHijriMonth = -1; for (let i = 0; i < ISLAMIC_MONTH_DATA.length; i++) { const monthInfo = ISLAMIC_MONTH_DATA[i]; const monthStartDate = new Date(monthInfo.startYear, monthInfo.startMonth, monthInfo.startDay); monthStartDate.setHours(0,0,0,0); const monthEndDate = new Date(monthStartDate); monthEndDate.setDate(monthEndDate.getDate() + monthInfo.length); if (adjustedDate >= monthStartDate && adjustedDate < monthEndDate) { matchedMonthIndex = i; const diffTime = Math.abs(adjustedDate - monthStartDate); currentDayOfHijriMonth = Math.floor(diffTime / (1000 * 60 * 60 * 24)) + 1; break; } } if (matchedMonthIndex === -1) { if (adjustedDate < new Date(2026, 5, 15)) { return { day: 29, monthName: "Dhu al-Hijjah", monthNumber: 12, year: 1447, monthIndex: 11 }; } return { day: 1, monthName: "Muharram", monthNumber: 1, year: 1449, monthIndex: 0 }; } return { day: currentDayOfHijriMonth, monthName: ISLAMIC_MONTH_DATA[matchedMonthIndex].name, arabicName: ISLAMIC_MONTH_DATA[matchedMonthIndex].arabic, monthNumber: matchedMonthIndex + 1, year: 1448, monthIndex: matchedMonthIndex }; } function renderMonthsDirectory(activeIdx) { const container = document.getElementById("hj-months-list"); if(!container) return; container.innerHTML = ""; ISLAMIC_MONTH_DATA.forEach((month, index) => { const isActive = index === activeIdx; const card = document.createElement("button"); card.type = "button"; card.className = `flex items-center gap-2 px-3 py-2 rounded-xl text-xs whitespace-nowrap transition-all duration-200 cursor-pointer border ${ isActive ? 'bg-emerald-600 border-emerald-700 text-white font-semibold shadow-sm' : 'bg-slate-50 hover:bg-slate-100 border-slate-200 text-slate-700' }`; card.onclick = function() { selectMonth(index); }; card.innerHTML = ` ${month.name} (${month.arabic}) `; container.appendChild(card); }); } function renderDaysGrid(monthIndex) { const gridContainer = document.getElementById("hj-calendar-days-grid"); if(!gridContainer) return; gridContainer.innerHTML = ""; const monthInfo = ISLAMIC_MONTH_DATA[monthIndex]; const startGregorian = new Date(monthInfo.startYear, monthInfo.startMonth, monthInfo.startDay); startGregorian.setDate(startGregorian.getDate() + 1); let startDayOfWeek = startGregorian.getDay(); startDayOfWeek = (startDayOfWeek === 0) ? 6 : startDayOfWeek - 1; for (let i = 0; i < startDayOfWeek; i++) { const emptyCell = document.createElement("div"); emptyCell.className = "bg-slate-50/50 border border-transparent rounded-xl"; gridContainer.appendChild(emptyCell); } const today = new Date(); const pakistanHijri = getDetailedHijriDate(today, -1); for (let d = 1; d = 0 && index < ISLAMIC_MONTH_DATA.length) { activeHijriMonthIndex = index; const monthInfo = ISLAMIC_MONTH_DATA[index]; document.getElementById("hj-current-month-title").innerText = `${monthInfo.name} 1448`; document.getElementById("hj-current-month-arabic").innerText = monthInfo.arabic; renderMonthsDirectory(index); renderDaysGrid(index); } } function navigateMonth(direction) { let nextIndex = activeHijriMonthIndex + direction; if (nextIndex >= 0 && nextIndex < ISLAMIC_MONTH_DATA.length) { selectMonth(nextIndex); } } function initCalendar() { const today = new Date(); const gregorianFormat = today.toLocaleDateString('en-PK', { weekday: 'long', day: '2-digit', month: 'long', year: 'numeric' }); const gregElem = document.getElementById("hj-gregorian-date"); if (gregElem) gregElem.innerText = gregorianFormat; const worldHijri = getDetailedHijriDate(today, 0); const pakistanHijri = getDetailedHijriDate(today, -1); const worldElem = document.getElementById("hj-world-date"); if (worldElem) worldElem.innerText = `${worldHijri.day} ${worldHijri.monthName}, ${worldHijri.year} AH`; const pakElem = document.getElementById("hj-pakistan-date"); if (pakElem) pakElem.innerText = `${pakistanHijri.day} ${pakistanHijri.monthName} ${pakistanHijri.year} AH`; const bPakElem = document.getElementById("hj-banner-pakistan-date"); if (bPakElem) bPakElem.innerText = `${String(pakistanHijri.day).padStart(2, '0')} ${pakistanHijri.monthName} ${pakistanHijri.year}`; const bWorldElem = document.getElementById("hj-banner-world-date"); if (bWorldElem) bWorldElem.innerText = `${String(worldHijri.day).padStart(2, '0')} ${worldHijri.monthName} ${worldHijri.year}`; const btnPrev = document.getElementById("hj-btn-prev"); const btnNext = document.getElementById("hj-btn-next"); if (btnPrev) btnPrev.onclick = function() { navigateMonth(-1); }; if (btnNext) btnNext.onclick = function() { navigateMonth(1); }; if (pakistanHijri.year === 1448) { selectMonth(pakistanHijri.monthIndex); } else { selectMonth(1); } runLiveClock(); setInterval(runLiveClock, 1000); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initCalendar); } else { initCalendar(); } })();

Islamic Date Today in Pakistan & Worldwide – Hijri Calendar

Islamic Date Today

Safar 1448

Mohsin Ali (Staff Reporter)

Leave a Reply Cancel reply

Safar 1448

Mohsin Ali (Staff Reporter)

Petrol and diesel become cheaper again, new prices released

Punjabi Date Today in Pakistan – Desi Mahina - Punjabi Calendar

Related Articles

Petrol Price Falls as Diesel Gets More Expensive

Major Progress in Talks Between Government and Dealers

Government Tightens Spending With New Austerity Drive

IHC Takes Key Step Over Arrest of PTI Leaders

Leave a Reply Cancel reply