Islamic Date and Month Today in Pakistan & Globally

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 and Month Today in Pakistan & Globally

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

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

Petrol and diesel prices increased for Sept 16

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

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

Leave a Reply Cancel reply

Must Read

Local Government Amendment Bill Passed in Sindh Assembly

Section 144 imposed in Punjab, ban on gatherings till September 17

Pakistan Reaffirms Commitment to Saudi Defence Pact

Proposal for 27-member assembly for Islamabad has been revealed

Mohsin Naqvi calls for public say in the creation of new administrative units

Related News

PM Shehbaz Sharief Orders New Push to Boost Pakistan’s Exports

Barrister Gauhar demands talks with the government

Government reduces tax burden on hybrid vehicles

Pakistan faces tough decisions in the LNG crisis

ECC approves refinery upgrade agreement

Useful Categories

Useful Links

Contact Us!

Islamic Date and Month Today in Pakistan & Globally

Related posts

Petrol and diesel prices increased for Sept 16

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

Leave a Reply Cancel reply

Must Read

Related News

Useful Categories

Useful Links

Contact Us!