Islamic Date Today – Islamic Month and Calendar in Pakistan and 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 <= 13) return "th";

switch (day % 10) { case 1: return "st"; case 2: return "nd"; case 3: return "rd"; default: return "th"; } }

function getPakistanDate() { const dateString = new Intl.DateTimeFormat("en-CA", { timeZone: "Asia/Karachi", year: "numeric", month: "2-digit", day: "2-digit" }).format(new Date());

const parts = dateString.split("-");

return new Date( Number(parts[0]), Number(parts[1]) - 1, Number(parts[2]) ); }

function dayDifference(date1, date2) { const first = Date.UTC( date1.getFullYear(), date1.getMonth(), date1.getDate() );

const second = Date.UTC( date2.getFullYear(), date2.getMonth(), date2.getDate() );

return Math.round((first - second) / 86400000); }

function calculateHijri(day, monthIndex, year, difference) { let hijriDay = day; let hijriMonth = monthIndex; let hijriYear = year;

if (difference >= 0) { for (let i = 0; i < difference; i++) { hijriDay++;

if (hijriDay > 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

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 – Islamic Month and Calendar in Pakistan and Worldwide

Peshawar School Tragedy: 35 Dead as Roof Collapses

Punjabi Calendar Today—Desi Date, Month and Day

Mohsin Ali (Staff Reporter)

Punjabi Calendar Today—Desi Date, Month and Day

Leave a Reply Cancel reply

Must Read

US should accept Iranian demands, Baqir Qalibaf’s categorical stance

Emergency in Khyber Pakhtunkhwa is in accordance with the constitution, Foreign Office

Petrol Price Falls in Pakistan, No Change in Diesel Rate

Pakistan’s IT exports surge, earning $1.25 billion in the first quarter

Pakistan records 750% increase in foreign investment, receives $3.65 billion

Useful Categories

Useful Links

Contact Us!