Islamic Date Today in Pakistan and Around the World

body { margin: 0; background: #f3f4f6; font-family: 'Poppins', sans-serif; }

.islamic-table-wrapper { max-width: 520px; margin: 25px auto; background: #ffffff; border-radius: 16px; border: 1px solid #e5e7eb; overflow: hidden; }

.islamic-table-header { background: linear-gradient(135deg, #065f46, #064e3b); color: #fff; text-align: center; padding: 16px; font-size: 16px; font-weight: 600; }

.islamic-table { width: 100%; border-collapse: collapse; }

.islamic-table tr { border-bottom: 1px solid #f1f5f9; }

.islamic-table tr:hover { background: #f9fafb; }

.islamic-table td { padding: 14px 16px; font-size: 13px; vertical-align: top; }

.label { color: #6b7280; font-weight: 500; text-transform: uppercase; font-size: 11px; margin-bottom: 4px; display: block; }

.value { color: #111827; font-weight: 600; font-size: 14px; }

.highlight { display: inline-block; margin-top: 6px; background: #ecfdf5; color: #059669; padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 500; }

.info-row { background: #f9fafb; }

.info-text { font-size: 12px; color: #374151; line-height: 1.6; }

@media(max-width:480px) {

.islamic-table td { padding: 12px; font-size: 12px; }

.value { font-size: 13px; } }

Islamic Calendar (Hijri Date Today)

Gregorian Date

---

Pakistan Hijri Date

---

/* ======================================================== PAKISTAN HIJRI CALENDAR ========================================================

IMPORTANT REFERENCE DATE

14 September 2026

Pakistan: 1 Rabi al-Thani 1448 AH

Worldwide: 2 Rabi al-Thani 1448 AH

The Pakistan date is used as the main calculation. Worldwide date is exactly one Hijri day ahead. ======================================================== */

const HIJRI_MONTHS = [

{ name: "Muharram", days: 30 },

{ name: "Safar", days: 30 },

{ name: "Rabi al-Awwal", days: 30 },

{ name: "Rabi al-Thani", days: 29 },

{ name: "Jumada al-Awwal", days: 30 },

{ name: "Jumada al-Thani", days: 29 },

{ name: "Rajab", days: 30 },

{ name: "Sha'ban", days: 30 },

{ name: "Ramadan", days: 30 },

{ name: "Shawwal", days: 29 },

{ name: "Dhu al-Qadah", days: 30 },

{ name: "Dhu al-Hijjah", days: 29 }

];

/* ======================================================== REFERENCE DATE ========================================================

Pakistan reference:

14 September 2026 = 1 Rabi al-Thani 1448 AH

JavaScript months: January = 0 September = 8 ======================================================== */

const PAKISTAN_REFERENCE_DATE = new Date(2026, 8, 14);

const REFERENCE_HIJRI_DAY = 1; const REFERENCE_HIJRI_MONTH = 3; const REFERENCE_HIJRI_YEAR = 1448;

/* ======================================================== CALCULATE PAKISTAN HIJRI DATE ======================================================== */

function getPakistanHijriDate(date) {

const currentDate = new Date(date);

currentDate.setHours(0, 0, 0, 0);

const referenceDate = new Date(PAKISTAN_REFERENCE_DATE);

referenceDate.setHours(0, 0, 0, 0);

/* Difference in calendar days */

const difference = Math.round( ( currentDate - referenceDate ) / (1000 * 60 * 60 * 24) );

let totalDays = REFERENCE_HIJRI_DAY - 1 + difference;

let monthIndex = REFERENCE_HIJRI_MONTH;

let hijriYear = REFERENCE_HIJRI_YEAR;

/* Move forward */

while ( totalDays >= HIJRI_MONTHS[monthIndex].days ) {

totalDays -= HIJRI_MONTHS[monthIndex].days;

monthIndex++;

if (monthIndex >= 12) {

monthIndex = 0;

hijriYear++; } }

/* Move backward if necessary */

while (totalDays < 0) {

monthIndex--;

if (monthIndex < 0) {

monthIndex = 11;

hijriYear--; }

totalDays += HIJRI_MONTHS[monthIndex].days; }

return {

day: totalDays + 1,

month: HIJRI_MONTHS[monthIndex].name,

year: hijriYear

}; }

/* ======================================================== CALCULATE WORLDWIDE HIJRI DATE ========================================================

Worldwide date is one Hijri day ahead of Pakistan. ======================================================== */

function getWorldwideHijriDate(date) {

const pakistanDate = getPakistanHijriDate(date);

let day = pakistanDate.day + 1;

let month = HIJRI_MONTHS.findIndex( m => m.name === pakistanDate.month );

let year = pakistanDate.year;

/* Move to next month */

if ( day > HIJRI_MONTHS[month].days ) {

day = 1;

month++;

if (month >= 12) {

month = 0;

year++; } }

return {

day: day,

month: HIJRI_MONTHS[month].name,

year: year

}; }

/* ======================================================== UPDATE DISPLAY ======================================================== */

function updateIslamicDates() {

const today = new Date();

/* Gregorian date */

const gregorian = today.toLocaleDateString( 'en-PK', { weekday: 'long', day: '2-digit', month: 'long', year: 'numeric' } );

/* Pakistan Hijri */

const pakistanHijri = getPakistanHijriDate(today);

/* Worldwide Hijri */

const worldHijri = getWorldwideHijriDate(today);

const pakistanHijriStr = `${pakistanHijri.day} ${pakistanHijri.month} ${pakistanHijri.year} AH`;

const worldHijriStr = `${worldHijri.day} ${worldHijri.month} ${worldHijri.year} AH (Worldwide)`;

/* Put values on page */

document.getElementById( "gregorian-date" ).innerText = gregorian;

document.getElementById( "pakistan-date" ).innerText = pakistanHijriStr;

document.getElementById( "world-date" ).innerText = worldHijriStr;

/* Information text */

document.getElementById( "info-text" ).innerHTML =

`Today is ${gregorian} . ` +

`The Hijri date in Pakistan is ` +

` ${pakistanHijriStr} , ` +

`while the worldwide calculation shows ` +

` ${worldHijriStr} . ` +

`Islamic dates may vary by one day depending on local moon sighting.`; }

/* ======================================================== START ======================================================== */

updateIslamicDates();

/* Update every hour */

setInterval( updateIslamicDates, 3600000 );

/* ===== ISLAMIC MONTHS WIDGET ONLY ===== */ .islamic-months-widget { width: 100%; max-width: 520px; margin: 20px auto; box-sizing: border-box; font-family: Poppins, Arial, sans-serif; }

.islamic-months-widget *, .islamic-months-widget *::before, .islamic-months-widget *::after { box-sizing: border-box; }

/* CONTAINER */ .islamic-months-wrapper { width: 100%; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 14px; overflow: hidden; }

/* HEADER */ .islamic-months-header { width: 100%; background: linear-gradient(135deg, #065f46, #064e3b); color: #ffffff; text-align: center; padding: 13px 10px; font-size: 14px; line-height: 1.4; font-weight: 600; }

/* TABLE */ .islamic-months-table { width: 100%; margin: 0; padding: 0; border-collapse: collapse; table-layout: fixed; }

/* ROW */ .islamic-months-table tr { border-bottom: 1px solid #f1f5f9; }

.islamic-months-table tr:last-child { border-bottom: 0; }

/* CELLS */ .islamic-months-table td { padding: 11px 14px; vertical-align: middle; line-height: 1.4; }

/* LEFT COLUMN */ .islamic-months-table td:first-child { width: 70%; text-align: left; }

/* RIGHT COLUMN */ .islamic-months-table td:last-child { width: 30%; text-align: right; }

/* MONTH NAME */ .islamic-month-name { color: #111827; font-size: 13px; font-weight: 600; white-space: normal; }

/* ARABIC */ .islamic-month-arabic { display: inline-block; margin-left: 5px; color: #059669; font-size: 13px; font-weight: 500; direction: rtl; }

/* STATUS */ .islamic-month-status { color: #6b7280; font-size: 11px; white-space: nowrap; }

/* ACTIVE MONTH */ .islamic-months-table tr.active-month { background: #ecfdf5; }

.islamic-months-table tr.active-month .islamic-month-name { color: #065f46; }

.islamic-months-table tr.active-month .islamic-month-arabic { color: #047857; }

.islamic-months-table tr.active-month .islamic-month-status { color: #047857; font-weight: 600; }

/* ===== TABLET ===== */ @media (max-width: 767px) {

.islamic-months-widget { width: 100%; max-width: 100%; margin: 15px 0; }

.islamic-months-wrapper { border-radius: 12px; }

.islamic-months-header { font-size: 13px; padding: 12px 8px; }

.islamic-months-table td { padding: 10px 12px; } }

/* ===== MOBILE ===== */ @media (max-width: 480px) {

.islamic-months-widget { width: 100%; max-width: 100%; margin: 12px 0; }

.islamic-months-table td:first-child { width: 68%; }

.islamic-months-table td:last-child { width: 32%; }

.islamic-months-table td { padding: 9px 10px; }

.islamic-month-name { font-size: 12px; }

.islamic-month-arabic { font-size: 12px; margin-left: 3px; }

.islamic-month-status { font-size: 10px; } }

/* ===== VERY SMALL PHONES ===== */ @media (max-width: 360px) {

.islamic-months-header { font-size: 12px; padding: 10px 6px; }

.islamic-months-table td { padding: 8px 7px; }

.islamic-month-name, .islamic-month-arabic { font-size: 11px; }

.islamic-month-status { font-size: 9px; } }

Islamic Hijri Months (الأشهر الهجرية)

(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: 30 }, { id: 3, name: "Rabi' al-Awwal", arabic: "ربيع الأول", startYear: 2026, startMonth: 7, startDay: 14, length: 29 }, { id: 4, name: "Rabi' al-Thani", arabic: "ربيع الآخر", startYear: 2026, startMonth: 8, startDay: 12, length: 30 }, { id: 5, name: "Jumada al-Awwal", arabic: "جمادى الأولى", startYear: 2026, startMonth: 9, startDay: 12, length: 30 }, { id: 6, name: "Jumada al-Thani", arabic: "جمادى الآخرة", startYear: 2026, startMonth: 10, startDay: 11, length: 29 }, { id: 7, name: "Rajab", arabic: "رجب", startYear: 2026, startMonth: 11, startDay: 10, length: 30 }, { id: 8, name: "Sha'ban", arabic: "شعبان", startYear: 2027, startMonth: 0, startDay: 9, length: 30 }, { id: 9, name: "Ramadan", arabic: "رمضان", startYear: 2027, startMonth: 1, startDay: 8, length: 30 }, { id: 10, name: "Shawwal", arabic: "شوال", startYear: 2027, startMonth: 2, startDay: 10, length: 29 }, { id: 11, name: "Dhu al-Qadah", arabic: "ذو القعدة", startYear: 2027, startMonth: 3, startDay: 8, length: 30 }, { id: 12, name: "Dhu al-Hijjah", arabic: "ذو الحجة", startYear: 2027, startMonth: 4, startDay: 8, length: 29 } ];

function getCurrentHijriMonthIndex() {

const today = new Date(); today.setHours(0, 0, 0, 0);

for (let i = 0; i < ISLAMIC_MONTH_DATA.length; i++) {

const month = ISLAMIC_MONTH_DATA[i];

const startDate = new Date( month.startYear, month.startMonth, month.startDay );

startDate.setHours(0, 0, 0, 0);

const endDate = new Date(startDate);

endDate.setDate( endDate.getDate() + month.length );

if (today >= startDate && today < endDate) { return i; } }

return -1; }

function updateIslamicMonthsTable() {

const tableBody = document.getElementById("islamic-months-table-body");

if (!tableBody) return;

const activeIndex = getCurrentHijriMonthIndex();

let html = "";

ISLAMIC_MONTH_DATA.forEach(function (month, index) {

const isActive = index === activeIndex;

html += `

${month.name}

${month.arabic}

${isActive ? "Current Month" : "Month " + String(month.id).padStart(2, "0") }

`; });

tableBody.innerHTML = html; }

/* Run after page loads */ if (document.readyState === "loading") {

document.addEventListener( "DOMContentLoaded", updateIslamicMonthsTable );

} else {

updateIslamicMonthsTable(); }

/* Refresh once every hour */ setInterval( updateIslamicMonthsTable, 60 * 60 * 1000 );

})();

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

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 < difference; i++){

day++;

/* End of current Hijri month */

if( day > 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 <= daysInMonth; i++ ){

let curr = new Date( year, month, i );

curr.setHours(0,0,0,0);

/* GET HIJRI DATE */

let p = getIslamicDetails( curr );

/* CREATE DAY */

let div = document.createElement( "div" );

div.className = "day";

/* HIGHLIGHT TODAY */

if( curr.getTime() === today.getTime() ){

div.classList.add( "today" );

}

/* CONTENT */

div.innerHTML = `

${i}

${p.day} ${p.month}

`;

body.appendChild(div);

}

/* ========================================================= MONTH NAVIGATION ========================================================= */

function moveMonth(dir){

displayDate.setMonth( displayDate.getMonth() + dir );

renderCalendar();

}

/* ========================================================= START CALENDAR ========================================================= */

renderCalendar();

Islamic Date Today in Pakistan and Around the World

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

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

Ishaq Dar’s categorical stance on Al-Quds, emphasizes the establishment of a Palestinian state

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

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

Leave a Reply Cancel reply

Related News

Hajj 2026: Pilgrims will be able to change accommodation and packages from home

Eradicating terrorism from Pakistan is our resolve: PM Sehbaz Sharief

6 million people to benefit from cheap petrol scheme: Petroleum Minister

President Trump hopes for progress in talks with Iran, oil is likely to be cheaper

Iran-US Tensions: Tehran Awaits Final Response Through Mediators

Useful Categories

Useful Links

Contact Us!

Islamic Date Today in Pakistan and Around the World

Related posts

Ishaq Dar’s categorical stance on Al-Quds, emphasizes the establishment of a Palestinian state

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

Leave a Reply Cancel reply

Related News

Useful Categories

Useful Links

Contact Us!