JavaScript डेट फॉर्मेट्स

JavaScript में डेट फॉर्मेट्स लागू करने का कोड नीचे दिया गया है।

उदाहरण

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
  <title>डेट फॉर्मेट्स</title> 
  <style> 
    body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } 
    .sample { font-size: 18px; font-weight: 500; } 
  </style> 
</head> 
<body> 
  <h1>डेट फॉर्मेट</h1> 
  <div class="sample"></div> 
  <button class="Btn">यहां क्लिक करें</button> 
  <h3>ऊपर दिए गए बटन पर क्लिक करके विभिन्न डेट फॉर्मेट्स देखें</h3> 
  <script> 
    let fillEle = document.querySelector(".sample"); 
    let date = []; 
    date.push(new Date('2020-01-20')); 
    date.push(new Date('2020-02')); 
    date.push(new Date('2020')); 
    date.push(new Date("2015-03-25T12:00:00Z")); 
    fillEle.innerHTML = date + '<br>'; 
    document.querySelector(".Btn").addEventListener("click", () => { 
      date.forEach(item => { 
        fillEle.innerHTML += item + '<br>'; 
      }); 
    }); 
  </script> 
</body> 
</html>

आउटपुट

"यहां क्लिक करें" बटन पर क्लिक करने पर:

Date कंस्ट्रक्टर इनपुट फॉर्मेट्स:

आउटपुट फॉर्मेटिंग मेथड्स:

const date = new Date('2023-01-15T10:30:00');

// बिल्ट-इन टू-स्ट्रिंग मेथड्स
date.toString()           // "Sun Jan 15 2023 10:30:00 GMT+0530"
date.toISOString()        // "2023-01-15T05:00:00.000Z" (UTC, ISO 8601)
date.toUTCString()        // "Sun, 15 Jan 2023 05:00:00 GMT"
date.toLocaleString()     // "1/15/2023, 10:30:00 AM" (लोकल फॉर्मेट)
date.toLocaleDateString() // "1/15/2023"
date.toLocaleTimeString() // "10:30:00 AM"

// कस्टम फॉर्मेटिंग (Intl.DateTimeFormat - अनुशंसित)
new Intl.DateTimeFormat('hi-IN', { 
  year: 'numeric', month: 'long', day: 'numeric' 
}).format(date); // "15 जनवरी 2023"

new Intl.DateTimeFormat('en-US', { 
  weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' 
}).format(date); // "Sunday, January 15, 2023"

मैन्युअल फॉर्मेटिंग (पुराना तरीका):

function formatDate(date) {
  const d = date.getDate().toString().padStart(2, '0');
  const m = (date.getMonth() + 1).toString().padStart(2, '0');
  const y = date.getFullYear();
  return `${d}/${m}/${y}`; // DD/MM/YYYY
}

लोकप्रिय लाइब्रेरीज़:

• date-fns - मॉड्यूलर, ट्री-शेकेबल, इम्म्यूटेबल
• dayjs - मोमेंट.जेएस जैसा API, छोटा (2KB)
• luxon - इंटरनेशनलाइजेशन के लिए बेहतरीन
• moment.js - लिगेसी, मेंटेनेंस मोड में

सिफारिश:

नए प्रोजेक्ट्स के लिए Intl.DateTimeFormat (नेटिव) या date-fns/dayjs का उपयोग करें। मैन्युअल स्ट्रिंग मैनिपुलेशन से बचें।