पाठ 17, कुल 30 में

JavaScript तारीखें

5 मिनट पढ़ें · मुफ़्त · बिना लॉगिन

English हिंदी

JavaScript ऐरे मेथड्स JavaScript मैथ

हर वेबसाइट का तारीखों से काम पड़ता है: परीक्षा की तारीखें, जन्मदिन, बुकिंग के दिन, "3 दिन पहले पोस्ट किया गया"। JavaScript में इसके लिए बना-बनाया Date object है। आप new Date() से तारीख बनाते हैं, और फिर उससे सवाल पूछते हैं: साल कौन-सा है, महीना कौन-सा है, दिन कौन-सा है, सप्ताह का कौन-सा दिन है?

Diagram — देखें, यह सब कैसे जुड़ता है

तारीख को दीवार वाले कैलेंडर की तरह समझें। new Date() कैलेंडर को आज के पेज पर खोलता है। फिर getFullYear() ऊपर छपा साल पढ़ता है, getMonth() बताता है कि आप किस पेज पर हैं, getDate() आज की संख्या की ओर इशारा करता है, और getDay() बताता है कि सोमवार है या रविवार। हर सवाल एक छोटा मेथड है — और साथ मिलकर ये countdown से लेकर admit-card पेज तक कुछ भी बना सकते हैं।

इसे ऐसे याद रखें: महीने शून्य से गिने जाते हैं, दिन एक से। जनवरी महीना 0 है, दिसंबर महीना 11 है — लेकिन महीने की 1 तारीख दिन 1 है। यही एक ख़ासियत तारीखों के बारे में शुरुआती लोगों की सबसे ज़्यादा गलतियों की वजह बनती है।

new Date() — आज, अभी

अंदर कुछ लिखे बिना new Date() इस पल की तारीख बनाता है — आज की तारीख और अभी का समय। new शब्द मायने रखता है: यह आपके लिए एक नया Date object बनाता है।

let today = new Date();
console.log(today);
// कुछ ऐसा: Wed Oct 28 2026 20:15:00 GMT+0530

आप साल, महीना और दिन देकर किसी खास दिन की तारीख भी बना सकते हैं: new Date(2026, 10, 15) का मतलब है 15 नवंबर 2026। सावधान रहें — महीना 0-based है, इसलिए नवंबर 10 है, 11 नहीं। जनवरी 0 है, फरवरी 1 है, और दिसंबर 11 है।

getFullYear, getMonth, getDate — तारीख पढ़ना

ये तीन मेथड तारीख के हिस्सों को पढ़ते हैं। ये वे हैं जिनका आप सबसे ज़्यादा इस्तेमाल करेंगे।

let exam = new Date(2026, 10, 15);
exam.getFullYear(); // 2026
exam.getMonth();    // 10 (नवंबर — महीने 0 से शुरू होते हैं)
exam.getDate();     // 15 (महीने का दिन)

getFullYear() पूरे चार अंक देता है — 2026, 26 नहीं। getYear() नाम का एक पुराना मेथड भी है जो अजीब नंबर देता है; उसे कभी इस्तेमाल न करें। हमेशा getFullYear() इस्तेमाल करें।

Note: महीने 0 से शुरू होते हैं लेकिन दिन 1 से शुरू होते हैं। इसलिए new Date(2026, 0, 1) है 1 जनवरी 2026, और new Date(2026, 11, 31) है 31 दिसंबर 2026। जब आप यूज़र को महीना दिखाएँ, तो पहले 1 जोड़ लें: exam.getMonth() + 1 से नवंबर के लिए 11 मिलता है।

getDay — सप्ताह का कौन-सा दिन है?

getDay() 0 से 6 तक का नंबर लौटाता है। रविवार 0 है, सोमवार 1 है, और शनिवार 6 है। यह तब काम का है जब आप कहना चाहें "परीक्षा सोमवार को है" या जाँचना चाहें कि आज weekend है या नहीं।

let days = ["Sunday", "Monday", "Tuesday", "Wednesday",
            "Thursday", "Friday", "Saturday"];
let today = new Date();
let weekday = days[today.getDay()];
// "Wednesday" (अगर आज बुधवार है)

ट्रिक है सप्ताह के दिनों के नामों का छोटा ऐरे, और getDay() सही नाम चुनता है। यही ट्रिक महीनों के लिए भी काम करती है: बारह महीनों के नामों का ऐरे रखें और getMonth() को एक चुनने दें।

toDateString — पढ़ने लायक तारीख

कच्चा Date object समय और timezone के साथ लंबी, भद्दी लाइन छापता है। toDateString() आपको छोटा, इंसानों के पढ़ने लायक रूप देता है: सिर्फ सप्ताह का दिन, महीना, तारीख और साल।

let exam = new Date(2026, 10, 15);
exam.toDateString();
// "Sun Nov 15 2026"

और भी format हैं: toLocaleDateString() यूज़र की अपनी शैली में तारीख देता है (भारत में 15/11/2026), और toISOString() मानक 2026-11-15 format देता है जो कंप्यूटर पसंद करते हैं। छात्र को तारीख दिखाने के लिए toDateString() आमतौर पर सबसे साफ़ होता है।

आम गलतियाँ

यह भूल जाना कि महीने 0-based हैं — नवंबर के लिए new Date(2026, 11, 15) लिखने से दिसंबर मिलता है। नवंबर महीना 10 है।
getFullYear() की जगह getYear() इस्तेमाल करना — पुराना वाला 126 जैसा बेकार नंबर लौटाता है। हमेशा getFullYear() इस्तेमाल करें।
getDate() और getDay() को आपस में मिलाना — getDate() महीने का दिन है (1–31), getDay() सप्ताह का दिन है (0–6)।
getMonth() को सीधे यूज़र को दिखाना — यह जनवरी के लिए 0 छापता है। दिखाते समय 1 जोड़ें।
new शब्द भूल जाना — बिना new के Date() सिर्फ text स्ट्रिंग लौटाता है, Date object नहीं, इसलिए उस पर कोई मेथड काम नहीं करता।

याद रखें

महीने शून्य से गिने जाते हैं, दिन एक से। जनवरी 0 है, 1 तारीख 1 है।
new Date() आज है; new Date(2026, 10, 15) है 15 नवंबर 2026।
getFullYear(), getMonth(), getDate() हिस्सों को पढ़ते हैं; getDay() सप्ताह का दिन देता है (रविवार 0 है)।
toDateString() तारीख को "Sun Nov 15 2026" जैसे पढ़ने लायक text में बदल देता है।

उदाहरण समझिए

let exam = new Date(2026, 10, 15); — परीक्षा की तारीख बनाता है, 15 नवंबर 2026। महीना 10 है क्योंकि महीने शून्य से गिने जाते हैं।
let days = ["Sunday", "Monday", ...]; — सप्ताह के दिनों के नामों का ऐरे, ताकि getDay() से मिला नंबर शब्द में बदला जा सके।
days[exam.getDay()] — getDay() रविवार के लिए 0 लौटाता है, इसलिए यह ऐरे से "Sunday" चुनता है।
exam.toDateString() — छोटा पढ़ने लायक रूप "Sun Nov 15 2026" देता है।
document.getElementById("result").innerHTML = ... — बटन क्लिक करने पर परीक्षा की तारीख और सप्ताह का दिन पेज में लिखता है।

उदाहरण

Example

<!DOCTYPE html>
<html>
<head>
<title>Exam Date — JavaScript Dates</title>
<style>
body { font-family: Verdana, sans-serif; padding: 20px; }
h1 { color: #1e3a5f; }
button { background-color: #e13611; color: white; border: none; padding: 10px 18px; font-size: 16px; cursor: pointer; }
p { font-size: 18px; }
.result { background-color: #f1f5f9; padding: 12px; }
</style>
</head>
<body>

<h1>BTEUP Exam Date</h1>
<p>Odd semester theory exams start soon.</p>
<button onclick="showExamDate()">Show Exam Date</button>
<p class="result" id="result">Click the button to see the exam date and weekday.</p>

<script>
function showExamDate() {
  let exam = new Date(2026, 10, 15);
  let days = ["Sunday", "Monday", "Tuesday", "Wednesday",
              "Thursday", "Friday", "Saturday"];
  let weekday = days[exam.getDay()];
  document.getElementById("result").innerHTML =
    "Exam date: " + exam.toDateString() +
    "<br>Day: " + weekday +
    "<br>Year: " + exam.getFullYear();
}
</script>

</body>
</html>

परिणाम

परिणाम — ब्राउज़र में यह कैसा दिखता है

खुद करके देखें — लाइव एडिटर

नीचे दिया गया कोड बदलें और चलाएँ दबाएँ — परिणाम तुरंत दिखेगा। कोई फाइल सहेजनी नहीं है, कोई लॉगिन नहीं चाहिए।

पूरे एडिटर में खोलें

परिणाम

खुद क्यों सीखें — AI से पूछने के बजाय?

AI आपके लिए कोड लिख सकता है, लेकिन वह आपके लिए सोच नहीं सकता। जब आप HTML खुद सीखते हैं, तो आपका दिमाग असली कौशल बनाता है: आप समझते हैं कि पेज ऐसा क्यों दिखता है, टूटने पर उसे ठीक कर सकते हैं, और परीक्षा या इंटरव्यू में बिना मदद के जवाब दे सकते हैं। यही कौशल नौकरी दिलाता है — कॉपी किया हुआ जवाब नहीं।