Punjabi Date Today – Ajj Di Tareekh & Desi Mahina

* { box-sizing: border-box; }

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

/* WRAPPER */ .punjabi-table-wrapper { max-width: 520px; width: 100%; margin: 25px auto; background: #ffffff; border-radius: 16px; border: 1px solid #e5e7eb; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); overflow: hidden; }

/* HEADER */ .punjabi-table-header { background: linear-gradient(135deg, #065f46, #064e3b); color: #ffffff; text-align: center; padding: 18px 20px; font-size: 18px; font-weight: 600; letter-spacing: 0.3px; }

/* INFO PARAGRAPH SECTION */ .info-box { background: #f9fafb; padding: 16px 20px; border-bottom: 1px solid #e5e7eb; }

.info-text { margin: 0; font-size: 13px; color: #374151; line-height: 1.6; text-align: justify; text-justify: inter-word; }

.info-text strong { color: #065f46; }

/* GRID CONTAINER FOR DATES */ .date-grid { display: flex; flex-wrap: wrap; width: 100%; }

.date-card { flex: 1 1 50%; min-width: 220px; padding: 18px 20px; border-bottom: 1px solid #f1f5f9; }

/* Divider line between cards on desktop */ .date-card:first-child { border-right: 1px solid #f1f5f9; }

/* LABELS & VALUES */ .label { color: #6b7280; font-weight: 500; text-transform: uppercase; font-size: 11px; letter-spacing: 0.5px; margin-bottom: 6px; display: block; }

.value { color: #111827; font-weight: 600; font-size: 15px; line-height: 1.4; word-break: break-word; }

/* HIGHLIGHT BADGE */ .highlight { display: inline-block; margin-top: 8px; background: #ecfdf5; color: #059669; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 500; border: 1px solid #a7f3d0; }

/* RESPONSIVE DESIGN (SMALL MOBILE DEVICES) */ @media (max-width: 480px) { .punjabi-table-header { font-size: 16px; padding: 14px 16px; }

.info-box { padding: 14px 16px; }

.info-text { font-size: 12px; text-align: left; }

.date-card { flex: 1 1 100%; padding: 14px 16px; }

.date-card:first-child { border-right: none; border-bottom: 1px solid #f1f5f9; }

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

Punjabi Nanakshahi Calendar

Gregorian Date

Punjabi Date

function getPunjabiDate(date) { const punjabiMonths = [ "Chet", "Vaisakh", "Jeth", "Harh", "Sawan", "Bhadon", "Assu", "Katak", "Maghar", "Poh", "Magh", "Phagun" ];

// Nanakshahi year starts on 14 March const startOfYear = new Date(date.getFullYear(), 2, 14);

let punjabiYear = date.getFullYear() - 1468; let diffDays = Math.floor((date - startOfYear) / (1000 * 60 * 60 * 24));

if (diffDays < 0) { punjabiYear--; const prevYearStart = new Date(date.getFullYear() - 1, 2, 14); diffDays = Math.floor((date - prevYearStart) / (1000 * 60 * 60 * 24)); }

const monthLengths = [31, 31, 31, 31, 31, 30, 30, 30, 30, 30, 30, 30];

let month = 0; let day = diffDays + 1;

while (day > monthLengths[month]) { day -= monthLengths[month]; month++; }

return { day: day, monthName: punjabiMonths[month], monthNumber: month + 1, year: punjabiYear }; }

function updatePunjabiCalendar() { const today = new Date();

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

const punjabi = getPunjabiDate(today);

document.getElementById("info-text").innerHTML = `Today is ${gregorian} , which corresponds to ${punjabi.day} ${punjabi.monthName} ${punjabi.year} in the Punjabi calendar. In Pakistan, the Punjabi calendar is widely used in rural areas for agriculture, crop cycles, and seasonal planning.`; }

updatePunjabiCalendar(); setInterval(updatePunjabiCalendar, 3600000);

body{ margin:0; background:#f3f4f6; font-family:'Poppins',sans-serif; } /* WRAPPER */ .days-table-wrapper{ max-width:520px; margin:25px auto; background:#ffffff; border-radius:16px; border:1px solid #e5e7eb; overflow:hidden; } /* HEADER */ .days-header{ background:linear-gradient(135deg,#065f46,#064e3b); color:#fff; text-align:center; padding:14px; font-size:15px; font-weight:600; } /* TABLE */ .days-table{ width:100%; border-collapse:collapse; } /* ROW STYLE */ .days-table tr{ border-bottom:1px solid #f1f5f9; transition:0.2s; } .days-table tr:hover{ background:#f9fafb; } /* CELLS */ .days-table td{ padding:12px 16px; font-size:13px; } /* DAY NAME */ .day-eng{ font-weight:600; color:#111827; } /* PUNJABI */ .day-pun{ color:#059669; font-weight:500; text-align:right; } /* ACTIVE DAY */ .active-row{ background:#ecfdf5; } .active-row .day-eng{ color:#065f46; } .active-row .day-pun{ color:#047857; } /* MOBILE */ @media(max-width:480px){ .days-table td{ padding:10px 12px; font-size:12px; } } Punjabi Days Name (ਦਿਨਾਂ ਦੇ ਨਾਮ) function updatePunjabiDaysTable() { const days = [ { eng: "Sunday", pun: "ਐਤਵਾਰ (Aitwar)" }, { eng: "Monday", pun: "ਸੋਮਵਾਰ (Somwar)" }, { eng: "Tuesday", pun: "ਮੰਗਲਵਾਰ (Mangalwar)" }, { eng: "Wednesday", pun: "ਬੁੱਧਵਾਰ (Budhwar)" }, { eng: "Thursday", pun: "ਵੀਰਵਾਰ (Veerwar)" }, { eng: "Friday", pun: "ਸ਼ੁੱਕਰਵਾਰ (Shukarwar)" }, { eng: "Saturday", pun: "ਸ਼ਨੀਵਾਰ (Shaniwar)" } ]; const todayIndex = new Date().getDay(); const table = document.getElementById("days-table"); let html = ""; days.forEach((day, index) => { const activeClass = index === todayIndex ? "active-row" : ""; html += ` ${day.eng} ${day.pun} `; }); table.innerHTML = html; } updatePunjabiDaysTable(); // refresh every hour setInterval(updatePunjabiDaysTable, 3600000);

body{ margin:0; background:#f3f4f6; font-family:'Poppins',sans-serif; } /* WRAPPER */ .months-table-wrapper{ max-width:520px; margin:25px auto; background:#ffffff; border-radius:16px; border:1px solid #e5e7eb; overflow:hidden; } /* HEADER */ .months-header{ background:linear-gradient(135deg,#065f46,#064e3b); color:#fff; text-align:center; padding:14px; font-size:15px; font-weight:600; } /* TABLE */ .months-table{ width:100%; border-collapse:collapse; } /* ROW */ .months-table tr{ border-bottom:1px solid #f1f5f9; transition:0.2s; } .months-table tr:hover{ background:#f9fafb; } /* CELL */ .months-table td{ padding:13px 16px; font-size:13px; } /* MONTH NAME */ .month-name{ font-weight:600; color:#111827; } /* PUNJABI NAME */ .month-punjabi{ color:#059669; font-weight:500; margin-left:6px; } /* DATE */ .month-date{ font-size:12px; color:#6b7280; text-align:right; } /* ACTIVE */ .active-month{ background:#ecfdf5; } .active-month .month-name{ color:#065f46; } .active-month .month-punjabi{ color:#047857; } /* MOBILE */ @media(max-width:480px){ .months-table td{ padding:10px 12px; font-size:12px; } .month-date{ font-size:11px; } } Punjabi Months (ਮਹੀਨੇ) function getCurrentPunjabiMonth() { const today = new Date(); const year = today.getFullYear(); const monthStarts = [ new Date(year, 2, 14), // Chet new Date(year, 3, 14), // Vaisakh new Date(year, 4, 15), // Jeth new Date(year, 5, 15), // Harh new Date(year, 6, 16), // Sawan new Date(year, 7, 16), // Bhadon new Date(year, 8, 15), // Assu new Date(year, 9, 15), // Kattak new Date(year,10, 14), // Maghar new Date(year,11, 14), // Poh new Date(year+1,0,13), // Magh new Date(year+1,1,12) // Phagun ]; for (let i = monthStarts.length - 1; i >= 0; i--) { if (today >= monthStarts[i]) { return i; } } return 11; // before Mar 14 = Phagun } function updatePunjabiMonths() { const months = [ ["Chet", "ਚੇਤ", "Mar 14 - Apr 13"], ["Vaisakh", "ਵੈਸਾਖ", "Apr 14 - May 14"], ["Jeth", "ਜੇਠ", "May 15 - Jun 14"], ["Harh", "ਹਾੜ", "Jun 15 - Jul 15"], ["Sawan", "ਸਾਵਣ", "Jul 16 - Aug 15"], ["Bhadon", "ਭਾਦੋਂ", "Aug 16 - Sep 14"], ["Assu", "ਅੱਸੂ", "Sep 15 - Oct 14"], ["Kattak", "ਕੱਤਕ", "Oct 15 - Nov 13"], ["Maghar", "ਮੱਘਰ", "Nov 14 - Dec 13"], ["Poh", "ਪੋਹ", "Dec 14 - Jan 12"], ["Magh", "ਮਾਘ", "Jan 13 - Feb 11"], ["Phagun", "ਫੱਗਣ", "Feb 12 - Mar 13"] ]; const activeIndex = getCurrentPunjabiMonth(); const table = document.getElementById("months-table"); let html = ""; months.forEach((month, index) => { const activeClass = index === activeIndex ? "active-month" : ""; html += ` ${month[0]} ${month[1]} ${month[2]} `; }); table.innerHTML = html; } updatePunjabiMonths(); // refresh every hour setInterval(updatePunjabiMonths, 3600000);

Punjabi 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; }

button{ font-size:11px; padding:5px 10px; border:none; background:#ecfdf5; color:#065f46; border-radius:6px; cursor:pointer; }

/* 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; }

.day:hover{ background:#ecfdf5; }

/* EMPTY */ .empty{ visibility:hidden; }

/* TODAY */ .today{ background:#d1fae5; border-color:#059669; }

/* TEXT */ .g-date{ font-size:11px; font-weight:600; }

.p-date{ font-size:9px; color:#f59e0b; }

Prev Next

Mon Tue Wed Thu Fri Sat Sun

let displayDate = new Date(); let today = new Date();

const nanakshahiMonths=[ {name:"Chet",m:2,d:14}, {name:"Vaisakh",m:3,d:14}, {name:"Jeth",m:4,d:15}, {name:"Harh",m:5,d:15}, {name:"Sawan",m:6,d:16}, {name:"Bhadon",m:7,d:16}, {name:"Assu",m:8,d:15}, {name:"Katak",m:9,d:15}, {name:"Maghar",m:10,d:14}, {name:"Poh",m:11,d:14}, {name:"Magh",m:0,d:13}, {name:"Phagun",m:1,d:12} ];

function getPunjabiDetails(date){

let y=date.getFullYear();

let monthIdx=nanakshahiMonths.findIndex((pm,i)=>{ let start=new Date(y,pm.m,pm.d); let next=nanakshahiMonths[(i+1)%12]; let nextStart=new Date(y,next.m,next.d); return date>=start && date<nextStart; });

if(monthIdx==-1)monthIdx=11;

let pm=nanakshahiMonths[monthIdx];

let start=new Date(y,pm.m,pm.d);

if(date<start){ start.setFullYear(y-1); }

let diff=Math.floor((date-start)/86400000)+1;

return{ day:diff, month:pm.name }; }

function renderCalendar(){

let body=document.getElementById("calendarBody"); body.innerHTML="";

let year=displayDate.getFullYear(); let month=displayDate.getMonth();

document.getElementById("monthYear").innerText= displayDate.toLocaleString('default',{month:'long',year:'numeric'});

let firstDay=new Date(year,month,1).getDay(); firstDay = (firstDay===0)?6:firstDay-1;

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); let p=getPunjabiDetails(curr);

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

if(curr.toDateString()==today.toDateString()){ div.classList.add("today"); }

div.innerHTML=` ${i} ${p.day} ${p.month} `;

body.appendChild(div); }

}

function moveMonth(dir){ displayDate.setMonth(displayDate.getMonth()+dir); renderCalendar(); }

renderCalendar();

Punjabi Date Today – Ajj Di Tareekh & Desi Mahina

Islamic Date Today in Pakistan and Around the World

Pakistan Fuel Prices Today

Mohsin Ali (Staff Reporter)

Pakistan Fuel Prices Today

Leave a Reply Cancel reply

Must Read

Interbank Rates Today in Pakistan – Latest Updates

Open Market Currency Rates in Pakistan – Latest Exchange Rates

US Dollar Rate in Pakistan Today—Latest Interbank and Open Market Rates

Silver Prices in Pakistan Today

Gold Price Today in Pakistan

Useful Categories

Useful Links

Contact Us!