Islamic Date Today in Pakistan & Worldwide – Hijri Calendar

Islamic Date Today in Pakistan & Worldwide – 14 September 2026 * { box-sizing: border-box; } body { margin: 0; padding: 20px; font-family: "Poppins", Arial, sans-serif; background: #f8fafc; color: #1e293b; } .islamic-widget { max-width: 760px; margin: 0 auto; } .widget-header, .intro-box, .date-section { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 14px; box-shadow: 0 3px 12px rgba(15, 23, 42, 0.04); } .widget-header { padding: 18px 20px; margin-bottom: 14px; } .header-content { display: flex; align-items: center; justify-content: space-between; gap: 15px; } .widget-title { margin: 0; color: #064e3b; font-size: 19px; font-weight: 700; line-height: 1.4; } .live-clock { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; padding: 7px 11px; border-radius: 8px; background: #ecfdf5; border: 1px solid #d1fae5; color: #047857; font-size: 12px; font-weight: 600; } .live-dot { width: 8px; height: 8px; background: #059669; border-radius: 50%; display: inline-block; animation: pulse 1.5s infinite; } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } } .intro-box { padding: 16px 20px; margin-bottom: 14px; } .intro-box p { margin: 0; color: #475569; font-size: 13px; line-height: 1.8; } .date-section { padding: 20px; } .date-grid { display: grid; grid-template-columns: 1fr; gap: 12px; } .date-card { padding: 17px; border-radius: 10px; border: 1px solid #e2e8f0; background: #f8fafc; } .date-card.pakistan { background: #064e3b; border-color: #022c22; color: #ffffff; } .date-label { display: block; margin-bottom: 7px; font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #94a3b8; } .pakistan .date-label { color: #a7f3d0; } .date-value { font-size: 16px; font-weight: 700; line-height: 1.5; } .pakistan .date-value { color: #ffffff; } @media (max-width: 600px) { body { padding: 12px; } .header-content { align-items: flex-start; flex-direction: column; } .widget-title { font-size: 17px; } .live-clock { font-size: 11px; } .date-value { font-size: 14px; } } Islamic Date Today in Pakistan & Worldwide --:--:-- PKT Today is Monday, 14 September 2026. In Pakistan, the Islamic date is 1st Rabi-ul-Thani 1448 AH, while worldwide and in Saudi Arabia, it is 2nd Rabi-ul-Thani 1448 AH. Stay updated with daily Hijri calendar dates. Gregorian Date Monday, 14 September 2026 Pakistan Hijri Date 1st Rabi-ul-Thani 1448 AH Saudi / Global Hijri 2nd Rabi-ul-Thani 1448 AH (function () { "use strict"; /* * REFERENCE DATE * 14 September 2026: * Pakistan = 1 Rabi-ul-Thani 1448 AH * Worldwide = 2 Rabi-ul-Thani 1448 AH */ const referenceDate = new Date(2026, 8, 14); const islamicMonths = [ { name: "Muharram", length: 30 }, { name: "Safar", length: 30 }, { name: "Rabi-ul-Awwal", length: 29 }, { name: "Rabi-ul-Thani", length: 30 }, { name: "Jumada al-Awwal", length: 30 }, { name: "Jumada al-Thani", length: 29 }, { name: "Rajab", length: 30 }, { name: "Sha'ban", length: 30 }, { name: "Ramadan", length: 30 }, { name: "Shawwal", length: 29 }, { name: "Dhu al-Qadah", length: 30 }, { name: "Dhu al-Hijjah", length: 29 } ]; function ordinal(day) { if (day >= 11 && day = 0) { for (let i = 0; i islamicMonths[hijriMonth].length) { hijriDay = 1; hijriMonth++; if (hijriMonth >= 12) { hijriMonth = 0; hijriYear++; } } } } else { for (let i = 0; i < Math.abs(difference); i++) { hijriDay--; if (hijriDay < 1) { hijriMonth--; if (hijriMonth < 0) { hijriMonth = 11; hijriYear--; } hijriDay = islamicMonths[hijriMonth].length; } } } return { day: hijriDay, month: islamicMonths[hijriMonth].name, year: hijriYear }; } function formatHijri(date) { return date.day + ordinal(date.day) + " " + date.month + " " + date.year + " AH"; } function updateDates() { const today = getPakistanDate(); const difference = dayDifference(today, referenceDate); // Gregorian date const gregorianElement = document.getElementById("gregorian-date"); if (gregorianElement) { gregorianElement.textContent = today.toLocaleDateString("en-PK", { weekday: "long", day: "2-digit", month: "long", year: "numeric" }); } // Pakistan: 1 Rabi-ul-Thani on reference date const pakistanHijri = calculateHijri( 1, 3, 1448, difference ); // Worldwide: 2 Rabi-ul-Thani on reference date const worldHijri = calculateHijri( 2, 3, 1448, difference ); const pakistanText = formatHijri(pakistanHijri); const worldText = formatHijri(worldHijri); document.getElementById("pakistan-date").textContent = pakistanText; document.getElementById("world-date").textContent = worldText; // Intro paragraph const weekday = today.toLocaleDateString("en-PK", { weekday: "long" }); const day = today.getDate(); const month = today.toLocaleDateString("en-PK", { month: "long" }); const year = today.getFullYear(); document.getElementById("intro-paragraph").textContent = "Today is " + weekday + ", " + day + " " + month + ", " + year + ". In Pakistan, the Islamic date is " + pakistanText + ", while worldwide and in Saudi Arabia, it is " + worldText + ". Stay updated with daily Hijri calendar dates."; } function updateClock() { const clock = document.getElementById("live-time"); if (clock) { clock.textContent = new Date().toLocaleTimeString("en-PK", { hour: "2-digit", minute: "2-digit", second: "2-digit", timeZone: "Asia/Karachi" }) + " PKT"; } } updateDates(); updateClock(); setInterval(updateClock, 1000); setInterval(updateDates, 60000); })(); .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(); } })(); /* * ISLAMIC DATE WIDGET * Reference date: 14 September 2026 * * Pakistan: 1 Rabi-ul-Thani 1448 AH * Worldwide: 2 Rabi-ul-Thani 1448 AH * * Note: * Islamic dates can vary by moon sighting and local authority. * This widget follows the specified Pakistan/global date difference. */ const REFERENCE_DATE = new Date(2026, 8, 14); // 14 September 2026 // Pakistan reference: 1 Rabi-ul-Thani 1448 AH const PAKISTAN_REFERENCE = { day: 1, monthIndex: 3, year: 1448 }; // Worldwide reference: 2 Rabi-ul-Thani 1448 AH const WORLD_REFERENCE = { day: 2, monthIndex: 3, year: 1448 }; const ISLAMIC_MONTHS = [ { name: "Muharram", length: 30 }, { name: "Safar", length: 30 }, { name: "Rabi-ul-Awwal", length: 29 }, { name: "Rabi-ul-Thani", length: 30 }, { name: "Jumada al-Awwal", length: 30 }, { name: "Jumada al-Thani", length: 29 }, { name: "Rajab", length: 30 }, { name: "Sha'ban", length: 30 }, { name: "Ramadan", length: 30 }, { name: "Shawwal", length: 29 }, { name: "Dhu al-Qadah", length: 30 }, { name: "Dhu al-Hijjah", length: 29 } ]; function runLiveClock() { const liveTimeElement = document.getElementById("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 getOrdinalSuffix(day) { if (day > 3 && day < 21) return "th"; switch (day % 10) { case 1: return "st"; case 2: return "nd"; case 3: return "rd"; default: return "th"; } } /* * Calculate the number of calendar days between two dates. * Uses local calendar dates to avoid time-zone problems. */ function getDayDifference(date1, date2) { const first = new Date( date1.getFullYear(), date1.getMonth(), date1.getDate() ); const second = new Date( date2.getFullYear(), date2.getMonth(), date2.getDate() ); return Math.round((first - second) / (1000 * 60 * 60 * 24)); } /* * Calculate a Hijri date from the reference date. */ function calculateHijriDate(reference, daysPassed) { let day = reference.day + daysPassed; let monthIndex = reference.monthIndex; let year = reference.year; while (day > ISLAMIC_MONTHS[monthIndex].length) { day -= ISLAMIC_MONTHS[monthIndex].length; monthIndex++; if (monthIndex >= 12) { monthIndex = 0; year++; } } while (day < 1) { monthIndex--; if (monthIndex < 0) { monthIndex = 11; year--; } day += ISLAMIC_MONTHS[monthIndex].length; } return { day: day, monthName: ISLAMIC_MONTHS[monthIndex].name, year: year }; } function formatHijriDate(hijriDate) { return `${hijriDate.day}${getOrdinalSuffix(hijriDate.day)} ${hijriDate.monthName} ${hijriDate.year} AH`; } function updateIslamicDates() { // Use Pakistan's calendar date for the widget const now = new Date(); const pakistanDateString = now.toLocaleDateString("en-CA", { timeZone: "Asia/Karachi" }); const [year, month, day] = pakistanDateString.split("-").map(Number); const today = new Date(year, month - 1, day); // 1. Gregorian Date const gregorianElement = document.getElementById("gregorian-date"); if (gregorianElement) { gregorianElement.innerText = today.toLocaleDateString("en-PK", { weekday: "long", day: "2-digit", month: "long", year: "numeric" }); } // 2. Calculate days passed since 14 September 2026 const daysPassed = getDayDifference(today, REFERENCE_DATE); // 3. Worldwide Hijri Date const worldHijri = calculateHijriDate(WORLD_REFERENCE, daysPassed); const worldFullStr = formatHijriDate(worldHijri); const worldElement = document.getElementById("world-date"); if (worldElement) { worldElement.innerText = worldFullStr; } // 4. Pakistan Hijri Date const pakistanHijri = calculateHijriDate(PAKISTAN_REFERENCE, daysPassed); const pakistanFullStr = formatHijriDate(pakistanHijri); const pakistanElement = document.getElementById("pakistan-date"); if (pakistanElement) { pakistanElement.innerText = pakistanFullStr; } // 5. Intro Paragraph const introElement = document.getElementById("intro-paragraph"); if (introElement) { const weekdayName = today.toLocaleDateString("en-PK", { weekday: "long" }); const dayNum = today.getDate(); const monthName = today.toLocaleDateString("en-PK", { month: "short" }); const yearNum = today.getFullYear(); introElement.textContent = `Today is ${weekdayName}, ${dayNum} ${monthName}, ${yearNum}. ` + `In Pakistan, the Islamic date is ${pakistanFullStr}, ` + `while worldwide and in Saudi Arabia, it is ${worldFullStr}. ` + `Stay updated with daily Hijri calendar dates and real-time schedules.`; } } // Initial update updateIslamicDates(); runLiveClock(); // Update live clock every second setInterval(runLiveClock, 1000); // Update dates every minute setInterval(updateIslamicDates, 60000); Islamic Calendar 2026 body{ margin:0; font-family:'Poppins',sans-serif; background:#f3f4f6; } /* CONTAINER */ .calendar{ max-width:520px; margin:20px auto; background:#fff; border-radius:12px; border:1px solid #e5e7eb; overflow:hidden; } /* HEADER */ .header{ background:#065f46; color:white; padding:12px; text-align:center; font-size:14px; font-weight:600; } /* NAV */ .nav{ display:flex; justify-content:space-between; padding:8px 12px; border-bottom:1px solid #eee; } .nav button{ font-size:11px; padding:5px 10px; border:none; background:#ecfdf5; color:#065f46; border-radius:6px; cursor:pointer; font-family:'Poppins',sans-serif; } .nav button:hover{ background:#d1fae5; } /* WEEK DAYS */ .weekdays{ display:grid; grid-template-columns:repeat(7,1fr); background:#f9fafb; padding:6px 0; border-bottom:1px solid #eee; } .weekday{ text-align:center; font-size:10px; color:#6b7280; } /* GRID */ .grid{ display:grid; grid-template-columns:repeat(7,1fr); gap:6px; padding:10px; } /* DAY BOX */ .day{ background:#f9fafb; border:1px solid #f1f5f9; border-radius:8px; padding:6px; min-height:55px; font-size:10px; box-sizing:border-box; } .day:hover{ background:#ecfdf5; } /* EMPTY */ .empty{ visibility:hidden; } /* TODAY */ .today{ background:#d1fae5; border-color:#059669; } /* GREGORIAN */ .g-date{ font-size:11px; font-weight:600; color:#111827; } /* HIJRI */ .p-date{ font-size:9px; color:#059669; font-weight:500; line-height:1.4; } /* MOBILE */ @media(max-width:480px){ .calendar{ margin:15px 8px; } .grid{ gap:4px; padding:7px; } .day{ padding:5px; min-height:50px; } .g-date{ font-size:10px; } .p-date{ font-size:8px; } } Islamic Calendar 2026 Prev Next Mon Tue Wed Thu Fri Sat Sun /* ========================================================= PAKISTAN ISLAMIC CALENDAR ========================================================= IMPORTANT CALIBRATION 14 September 2026 = 1 Rabi' al-Thani 1448 AH Therefore: 13 September 2026 = 30 Rabi' al-Awwal 1448 AH 14 September 2026 = 1 Rabi' al-Thani 1448 AH 15 September 2026 = 2 Rabi' al-Thani 1448 AH This calendar is calibrated for Pakistan. ========================================================= */ /* ========================================================= REFERENCE DATE ========================================================= */ const referenceDate = new Date( 2026, 8, 14 ); referenceDate.setHours(0,0,0,0); /* 14 September 2026 = 1 Rabi' al-Thani 1448 */ const referenceHijriDay = 1; const referenceHijriMonth = 3; const referenceHijriYear = 1448; /* ========================================================= HIJRI MONTHS ========================================================= Month index: 0 Muharram 1 Safar 2 Rabi' al-Awwal 3 Rabi' al-Thani 4 Jumada al-Awwal 5 Jumada al-Thani 6 Rajab 7 Sha'ban 8 Ramadan 9 Shawwal 10 Dhu al-Qadah 11 Dhu al-Hijjah The reference point is: 14 September 2026 1 Rabi' al-Thani 1448 ========================================================= */ const islamicMonths = [ { name:"Muharram", length:30 }, { name:"Safar", length:30 }, { name:"Rabi' al-Awwal", length:29 }, { name:"Rabi' al-Thani", length:30 }, { name:"Jumada al-Awwal", length:30 }, { name:"Jumada al-Thani", length:29 }, { name:"Rajab", length:30 }, { name:"Sha'ban", length:30 }, { name:"Ramadan", length:30 }, { name:"Shawwal", length:29 }, { name:"Dhu al-Qadah", length:30 }, { name:"Dhu al-Hijjah", length:29 } ]; /* ========================================================= GET PAKISTAN HIJRI DATE ========================================================= */ function getIslamicDetails(date){ let target = new Date(date); target.setHours(0,0,0,0); /* Calculate difference from: 14 September 2026 = 1 Rabi' al-Thani 1448 */ let difference = Math.round( (target - referenceDate) / 86400000 ); /* Start from: 1 Rabi' al-Thani 1448 */ let day = referenceHijriDay; let monthIndex = referenceHijriMonth; let year = referenceHijriYear; /* MOVE FORWARD */ if(difference >= 0){ for(let i = 0; i islamicMonths[monthIndex].length ){ day = 1; monthIndex++; /* New Hijri year */ if(monthIndex >= 12){ monthIndex = 0; year++; } } } } /* MOVE BACKWARD */ else{ for( let i = 0; i > difference; i-- ){ day--; /* Beginning of current month */ if(day < 1){ monthIndex--; /* Previous Hijri year */ if(monthIndex < 0){ monthIndex = 11; year--; } day = islamicMonths[ monthIndex ].length; } } } return { day:day, month: islamicMonths[ monthIndex ].name, year:year }; } /* ========================================================= RENDER CALENDAR ========================================================= */ let displayDate = new Date(); let today = new Date(); today.setHours(0,0,0,0); function renderCalendar(){ let body = document.getElementById( "calendarBody" ); body.innerHTML = ""; let year = displayDate.getFullYear(); let month = displayDate.getMonth(); /* HEADER */ document.getElementById( "monthYear" ).innerText = displayDate.toLocaleString( 'en-US', { month:'long', year:'numeric' } ); /* FIRST DAY OF MONTH Convert Sunday=0 system to Monday=0 system. */ let firstDay = new Date( year, month, 1 ).getDay(); firstDay = firstDay === 0 ? 6 : firstDay - 1; /* DAYS IN MONTH */ let daysInMonth = new Date( year, month + 1, 0 ).getDate(); /* EMPTY CELLS */ for( let i = 0; i < firstDay; i++ ){ let div = document.createElement( "div" ); div.className = "day empty"; body.appendChild(div); } /* DAYS */ for( let i = 1; i

Islamic Date Today in Pakistan & Worldwide – Hijri Calendar

Islamic Date Today in Pakistan & Worldwide

Mohsin Ali (Staff Reporter)

Leave a Reply Cancel reply

The Sea We Learned to Navigate

Speaker Punjab Assembly Malik Ahmad Khan Advocates Dialogue and Peaceful Politics for Effective Governance

Trump’s Special Envoy Urges Immediate Release of PTI Founder, Cites Similarities to His Own Political Struggles

Manmohan Singh, the former prime minister of India, died at age 92