Islamic Calendar 2026 – Islamic Date in Pakistan Today: 1447 AH

Islamic Date Pakistan & World :root{ --green:#0b8d4b; --gold:#b8860b; --text:#2d3436; --bg:#f8faf9; } *{ margin:0; padding:0; box-sizing:border-box; } body{ font-family:'Poppins',sans-serif; background:var(--bg); color:var(--text); padding:15px; font-size:13px; } .wrapper{ max-width:560px; margin:auto; } header{ text-align:center; margin-bottom:25px; } h1{ color:var(--green); font-size:24px; font-weight:600; } .subtitle{ font-size:11px; color:#7f8c8d; text-transform:uppercase; letter-spacing:1px; } .block-container{ display:flex; flex-direction:column; gap:15px; margin-bottom:25px; } .date-block{ background:#fff; padding:20px; border-radius:16px; box-shadow:0 4px 15px rgba(0,0,0,.04); border-left:5px solid var(--green); text-align:center; } .date-block.world{ border-left-color:var(--gold); } .date-block span{ display:block; font-size:10px; color:#95a5a6; font-weight:600; margin-bottom:6px; text-transform:uppercase; } .value{ font-size:16px; font-weight:600; line-height:1.5; } .table-section{ background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 4px 15px rgba(0,0,0,.04); margin-bottom:25px; } table{ width:100%; border-collapse:collapse; } th{ background:#f1f3f2; padding:12px; font-size:11px; color:#636e72; text-align:center; } td{ padding:14px; text-align:center; border-top:1px solid #edf2f0; font-size:12px; } .row-pak{ background:#f0fff4; color:var(--green); font-weight:600; } .month-list{ background:#fff; border-radius:16px; padding:15px; box-shadow:0 4px 15px rgba(0,0,0,.04); } .month-title{ color:var(--green); font-size:14px; font-weight:600; margin-bottom:12px; } .month-item{ display:flex; justify-content:space-between; align-items:center; padding:10px 12px; border-radius:10px; margin-bottom:5px; background:#f8faf9; font-size:12px; } .month-item.active{ background:var(--green); color:#fff; font-weight:500; } .footer{ text-align:center; margin-top:18px; font-size:10px; color:#95a5a6; } @media(max-width:400px){ h1{ font-size:20px; } .value{ font-size:14px; } } Islamic Date Today Gregorian Calendar -- World Islamic Date -- Pakistan Islamic Date -- Region Current Hijri Date Global / Saudi -- Pakistan -- List of Islamic Months // Current Date const today = new Date(); // Islamic Months const islamicMonths = [ "Muharram", "Safar", "Rabi al-Awwal", "Rabi al-Thani", "Jumada al-Awwal", "Jumada al-Thani", "Rajab", "Sha'ban", "Ramadan", "Shawwal", "Dhu al-Qi'dah", "Dhu al-Hijjah" ]; // Updated Reference Points // Setting May 18, 2026 as the baseline anchor point // Both regions now track 1 Dhu al-Hijjah 1447 AH identically const refDate = new Date(2026, 4, 18); // Day Difference Engine (Math.round avoids timezone clipping hours) const diffDays = Math.round((today - refDate) / (1000 * 60 * 60 * 24)); // Hijri Date Calculator Engine function calculateHijri(baseDay, diff){ // standard cyclic month structure const monthDays = [30, 29, 30, 29, 30, 29, 30, 29, 30, 29, 30, 29]; let day = baseDay + diff; let monthIndex = 11; // Index 11 is Dhu al-Hijjah let year = 1447; // Fast-Forward structural loops while(day > monthDays[monthIndex]){ day -= monthDays[monthIndex]; monthIndex++; if(monthIndex > 11){ monthIndex = 0; year++; } } // Rewind structural loops while(day <= 0){ monthIndex--; if(monthIndex < 0){ monthIndex = 11; year--; } day += monthDays[monthIndex]; } return { day, month: islamicMonths[monthIndex], year, monthIndex }; } // Global and Pakistan are perfectly synchronized const worldHijri = calculateHijri(1, diffDays); const pakistanHijri = calculateHijri(1, diffDays); // Format Results const worldDate = `${worldHijri.day} ${worldHijri.month} ${worldHijri.year} AH`; const pakistanDate = `${pakistanHijri.day} ${pakistanHijri.month} ${pakistanHijri.year} AH`; // Gregorian Date Construction const gregorianDate = today.toLocaleDateString('en-PK', { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' }); // Injection UI Handling if(document.getElementById('greg-val')) document.getElementById('greg-val').innerHTML = gregorianDate; if(document.getElementById('world-val')) document.getElementById('world-val').innerHTML = worldDate; if(document.getElementById('pak-val')) document.getElementById('pak-val').innerHTML = pakistanDate; if(document.getElementById('t-world')) document.getElementById('t-world').innerHTML = worldDate; if(document.getElementById('t-pak')) document.getElementById('t-pak').innerHTML = pakistanDate; // Build Interactive Months Registry List const monthBox = document.getElementById('month-box'); if(monthBox) { monthBox.innerHTML = ""; // Clean house before iteration logic kicks in islamicMonths.forEach((month, index) => { const item = document.createElement('div'); item.className = index === pakistanHijri.monthIndex ? 'month-item active' : 'month-item'; item.innerHTML = ` ${index + 1}. ${month} ${index === pakistanHijri.monthIndex ? 'Current' : ''} `; monthBox.appendChild(item); }); } Daily Quran Ayat & Hadith *{ margin:0; padding:0; box-sizing:border-box; } body{ background:#ecfdf5; font-family:'Poppins',sans-serif; padding:12px; color:#064e3b; } .container{ max-width:680px; margin:auto; } .main-title{ text-align:center; font-size:18px; font-weight:600; margin-bottom:16px; color:#065f46; } /* Block Card Custom Styles */ .card{ background:#ffffff; border:1px solid #bbf7d0; border-radius:14px; overflow:hidden; margin-bottom:18px; box-shadow:0 3px 10px rgba(0,0,0,0.05); display: flex; flex-direction: column; } .card-header{ background:#16a34a; color:#ffffff; padding:12px 14px; font-size:13px; font-weight:600; text-align:center; } .reference{ background:#dcfce7; font-size:11px; font-weight:600; text-align:center; padding:6px; color:#166534; border-bottom:1px solid #bbf7d0; } /* Semantic Layout Elements */ .content-row { display: flex; flex-direction: column; padding: 14px 18px; border-bottom: 1px solid #edfcf2; } .content-row:last-of-type { border-bottom: none; } .arabic{ direction:rtl; text-align:center; font-family:'Noto Naskh Arabic',serif; font-size:18px; line-height:2.2; color:#14532d; } .urdu{ direction:rtl; text-align:right; font-size:13px; line-height:2; color:#166534; font-family: 'Noto Naskh Arabic', serif, sans-serif; } .english{ font-size:12px; line-height:1.7; color:#065f46; text-align: left; } .footer{ text-align:center; font-size:10px; color:#166534; margin-top:10px; } .verse-block { margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px dashed #bbf7d0; width: 100%; } .verse-block:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .verse-num { display: inline-block; background: #16a34a; color: #fff; font-size: 9px; padding: 1px 5px; border-radius: 4px; margin-bottom: 6px; font-family: 'Poppins', sans-serif; direction: ltr; } /* Desktop Alignment Adjustment */ @media(min-width:576px){ .main-title { font-size: 20px; } .arabic { font-size: 20px; } } 📖 Daily Quran Ayat & Hadith Surah Al-Baqarah — Ayats 6-9 Surah Al-Baqarah (2:6-9) -- -- -- 🕌 Hadith (Sahih al-Bukhari) Sahih al-Bukhari — Hadith No. 4 -- -- -- const quranDatabase = [ { surah: "Al-Baqarah", range: "6-9", verses: [ { num: 6, ar: "إِنَّ الَّذِينَ كَفَرُوا سَوَاءٌ عَلَيْهِمْ أَأَنذَرْتَهُمْ أَمْ لَمْ تُنذِرْهُمْ لَا يُؤْمِنُونَ", en: "Indeed, those who disbelieve - it is all the same for them whether you warn them or have not warned them - they will not believe.", ur: "یقیناً جن لوگوں نے کفر اختیار کر لیا ہے، ان کے لیے برابر ہے خواہ آپ انہیں ڈرائیں یا نہ ڈرائیں، وہ ایمان نہیں لائیں گے۔" }, { num: 7, ar: "خَتَمَ اللَّهُ عَلَىٰ قُلُوبِهِمْ وَعَلَىٰ سَمْعِهِمْ ۖ وَعَلَىٰ أَبْصَارِهِمْ غِشَاوَةٌ ۖ وَلَهُمْ عَذَابٌ عَظِيمٌ", en: "Allah has set a seal upon their hearts and upon their hearing, and over their vision is a veil. And for them is a great punishment.", ur: "اللہ نے ان کے دلوں پر اور ان کے کانوں پر مہر لگا دی ہے، اور ان کی آنکھوں پر پردہ پڑ گیا ہے، اور ان کے لیے بڑا عذاب ہے۔" }, { num: 8, ar: "وَمِنَ النَّاسِ مَن يَقُولُ آمَنَّا بِاللَّهِ وَبِالْيَوْمِ الْآخِرِ وَمَا هُم بِمُؤْمِنِينَ", en: "And of the people are some who say, \"We believe in Allah and the Last Day,\" but they are not believers.", ur: "اور لوگوں میں سے کچھ ایسے بھی ہیں جو کہتے ہیں کہ ہم اللہ پر اور قیامت کے دن پر ایمان لائے ہیں، حالانکہ وہ حقیقت میں مومن نہیں ہیں۔" }, { num: 9, ar: "يُخَادِعُونَ اللَّهَ وَالَّذِينَ آمَنُوا وَمَا يَخْدَعُونَ إِلَّا أَنفُسَهُمْ وَمَا يَشْعُرُونَ", en: "They [think to] deceive Allah and those who believe, but they deceive not except themselves and perceive [it] not.", ur: "وہ اللہ کو اور ان لوگوں کو جو ایمان لا چکے ہیں دھوکہ دینا چاہتے ہیں، مگر حقیقت میں وہ اپنے سوا کسی کو دھوکہ نہیں دے رہے اور وہ اس کا شعور نہیں رکھتے۔" } ] } ]; const hadithDatabase = [ { book: "Sahih al-Bukhari", number: "4", ar: "عَنْ جَابِرِ بْنِ عَبْدِ اللَّهِ الأَنْصَارِيِّ، قَالَ وَهُوَ يُحَدِّثُ عَنْ فَتْرَةِ الْوَحْيِ فَقَالَ فِي حَدِيثِهِ: «بَيْنَا أَنَا أَمْشِي إِذْ سَمِعْتُ صَوْتًا مِنَ السَّمَاءِ، فَرَفَعْتُ بَصَرِي، فَإِذَا الْمَلَكُ الَّذِي جَاءَنِي بِحِرَاءٍ جَالِسٌ عَلَى كُرْسِيٍّ بَيْنَ السَّمَاءِ وَالأَرْضِ...»", en: "Narrated Jabir bin 'Abdullah Al-Ansari while talking about the period of pause in revelation: The Prophet (ﷺ) said, \"While I was walking, all of a sudden I heard a voice from the sky. I looked up and saw the same angel who had visited me at the Cave of Hira' sitting on a chair between the sky and the earth...\"", ur: "حضرت جابر بن عبداللہ انصاری رضی اللہ عنہ سے روایت ہے، انہوں نے وحی کے رک جانے کے زمانے کے حالات بیان کرتے ہوئے فرمایا کہ رسول اللہ صلی اللہ علیہ وسلم نے فرمایا: «اس دوران کہ میں چل رہا تھا، اچانک میں نے آسمان سے ایک آواز سنی۔ میں نے اپنا سر اٹھایا تو کیا دیکھتا ہوں کہ وہی فرشتہ جو میرے پاس غارِ حرا میں آیا تھا، آسمان اور زمین کے درمیان ایک کرسی پر بیٹھا ہوا ہے...»" } ]; function loadSequentialContent() { try { const startDate = new Date("2026-05-17").setHours(0,0,0,0); const todayDate = new Date().setHours(0,0,0,0); const dayIndex = Math.floor((todayDate - startDate) / (1000 * 60 * 60 * 24)); if (dayIndex < 0 || isNaN(dayIndex)) return; const quranData = quranDatabase[dayIndex % quranDatabase.length]; const hadithData = hadithDatabase[dayIndex % hadithDatabase.length]; // Inject headers document.getElementById('quran-header').innerText = `Surah ${quranData.surah} — Ayats ${quranData.range}`; document.getElementById('quran-ref').innerText = `Surah ${quranData.surah} (2:${quranData.range})`; let arHTML = "", enHTML = "", urHTML = ""; quranData.verses.forEach((v) => { arHTML += ` Ayat ${v.num} ${v.ar} `; enHTML += ` Verse ${v.num} ${v.en} `; urHTML += ` آیت ${v.num} ${v.ur} `; }); document.getElementById('quran-arabic').innerHTML = arHTML; document.getElementById('quran-english').innerHTML = enHTML; document.getElementById('quran-urdu').innerHTML = urHTML; // Inject Hadith information safely document.getElementById('hadith-header').innerText = `🕌 Hadith (${hadithData.book})`; document.getElementById('hadith-ref').innerText = `${hadithData.book} — Hadith No. ${hadithData.number}`; document.getElementById('hadith-arabic').innerText = hadithData.ar; document.getElementById('hadith-english').innerText = hadithData.en; document.getElementById('hadith-urdu').innerText = hadithData.ur; } catch(e) { console.log("Error loading dynamic layout content script."); } } window.onload = loadSequentialContent;

Islamic Calendar 2026 – Islamic Date in Pakistan Today: 1447 AH

Punjabi Date Today in Pakistan – Desi Mahina, Punjabi Calendar & Ajj Di Tareekh

Islamic Date and Month Today in Pakistan & Globally

ISPR Strongly Responds to Indian Army Chief’s Remarks on Pakistan

Global oil prices rise sharply as Middle East tensions rise

Global oil prices rise sharply as Middle East tensions rise

Leave a Reply Cancel reply

Must Read

The Pak Army was deployed in Rawalpindi on the request of the Punjab government

Parliament passes important defence command bills

Record of expenses on National Assembly’s legal fees revealed

PM Shehbaz Sharif welcomes Trump’s support for the Mecca defence deal

Weekly inflation reaches 9.11 percent

Related News

Rawalpindi, Islamabad: Heavy rains inundate low-lying areas

Iran receives multiple messages on new security arrangements

The Pak Army was deployed in Rawalpindi on the request of the Punjab government

Federal Minister Atta Tarar says court orders were implemented

What time will Punjab schools open from August 24

Useful Categories

Useful Links

Contact Us!

Islamic Calendar 2026 – Islamic Date in Pakistan Today: 1447 AH

Related posts

📖 Daily Quran Ayat & Hadith

ISPR Strongly Responds to Indian Army Chief’s Remarks on Pakistan

Global oil prices rise sharply as Middle East tensions rise

Leave a Reply Cancel reply

Must Read

Related News

Useful Categories

Useful Links

Contact Us!