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

Iran appreciates Pakistan for regional peace

Mohsin Ali (Staff Reporter)

Related Posts

Punjabi Date Today – Desi Mahina & Punjabi Calendar