Islamic Date Today – Current Hijri Date in Pakistan & Worldwide

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 – Current Hijri Date in Pakistan & Worldwide

Islamic Date Today in Pakistan & Worldwide

Mohsin Ali (Staff Reporter)

Leave a Reply Cancel reply

Mohsin Ali (Staff Reporter)

Petrol and diesel are again expensive

Punjabi Date Today – Desi Mahina & Punjabi Calendar

Related Articles