तिथि और समय को फ़ॉर्मैट करना
Intl.DateTimeFormat से तिथियाँ दिखाइए।
तिथि और समय को फ़ॉर्मैट करना, CoddyKit पर JavaScript Academy का एक निःशुल्क पाठ है। यह 4 में से 2वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह JavaScript Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। JavaScript Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
Intl.DateTimeFormat
Intl.DateTimeFormat भाषा-क्षेत्र के अनुसार Date ऑब्जेक्ट का प्रारूपण करता है और अविश्वसनीय मैन्युअल स्ट्रिंग बनाने की आवश्यकता समाप्त करता है।
const dtf = new Intl.DateTimeFormat("en-US");
console.log(dtf.format(new Date("2026-05-29"))); // "5/29/2026"भाषा-क्षेत्रों के अंतर
क्षेत्र के अनुसार तिथि का क्रम बदलता है: US में महीना/दिन/वर्ष होता है, जबकि यूरोप के अधिकांश भागों में दिन/महीना/वर्ष।
const d = new Date("2026-05-29");
console.log(new Intl.DateTimeFormat("en-US").format(d)); // 5/29/2026
console.log(new Intl.DateTimeFormat("en-GB").format(d)); // 29/05/2026तिथि शैली के पूर्वनिर्धारित विकल्प
dateStyle तेज़ और पठनीय आउटपुट के लिए "full", "long", "medium" और "short" पूर्वनिर्धारित विकल्प देता है।
const d = new Date("2026-05-29");
console.log(new Intl.DateTimeFormat("en-US", { dateStyle: "full" }).format(d));
// "Friday, May 29, 2026"समय शैली
timeStyle समय वाले भाग के लिए इसी तरह काम करता है और इसे dateStyle के साथ जोड़ा जा सकता है।
const d = new Date("2026-05-29T14:30:00");
console.log(new Intl.DateTimeFormat("en-US", { dateStyle: "medium", timeStyle: "short" }).format(d));
// "May 29, 2026, 2:30 PM"कस्टम घटक विकल्प
सूक्ष्म नियंत्रण के लिए year, month, day और weekday जैसे घटकों को अलग-अलग निर्दिष्ट करें।
const d = new Date("2026-05-29");
const f = new Intl.DateTimeFormat("en-US", { weekday: "long", year: "numeric", month: "long", day: "numeric" });
console.log(f.format(d)); // "Friday, May 29, 2026"महीने के प्रारूप
month में "numeric", "2-digit", "short", "long" और "narrow" स्वीकार किए जाते हैं।
const d = new Date("2026-05-29");
console.log(new Intl.DateTimeFormat("en-US", { month: "long" }).format(d)); // "May"
console.log(new Intl.DateTimeFormat("en-US", { month: "short" }).format(d)); // "May"12 बनाम 24 घंटे
hour12: true/false घड़ी के प्रारूप के लिए भाषा-क्षेत्र के डिफ़ॉल्ट को बदल देता है।
const d = new Date("2026-05-29T20:05:00");
console.log(new Intl.DateTimeFormat("en-US", { hour: "numeric", minute: "2-digit", hour12: false }).format(d));
// "20:05"समय क्षेत्र
किसी तिथि को किसी भी समय क्षेत्र में दिखाने के लिए timeZone में IANA नाम पास करें। यह रनटाइम के स्थानीय समय क्षेत्र से स्वतंत्र होता है।
const d = new Date("2026-05-29T12:00:00Z");
console.log(new Intl.DateTimeFormat("en-US", { timeStyle: "long", timeZone: "Asia/Tokyo" }).format(d));formatToParts
formatToParts प्रकार वाले टोकनों की एक सरणी लौटाता है, जिससे आप अलग-अलग भागों की शैली या उनका क्रम बदल सकते हैं।
const parts = new Intl.DateTimeFormat("en-US").formatToParts(new Date("2026-05-29"));
console.log(parts.map((p) => p.type + ":" + p.value).join(" "));सीमाओं का प्रारूपण
formatRange(start, end) साझा घटकों को मिलाकर तिथि की सीमा को संक्षिप्त रूप में दिखाता है।
const f = new Intl.DateTimeFormat("en-US", { month: "short", day: "numeric" });
console.log(f.formatRange(new Date("2026-05-01"), new Date("2026-05-05")));
// "May 1 – 5"गैर-ग्रेगोरियन कैलेंडर
calendar विकल्प "islamic", "hebrew" या "japanese" जैसी प्रणालियों का समर्थन करता है।
const d = new Date("2026-05-29");
console.log(new Intl.DateTimeFormat("en-US", { calendar: "japanese", dateStyle: "long" }).format(d));त्वरित जाँच
तिथि के प्रारूपण की जाँच करें।
पुनरावलोकन: तिथियाँ और समय
आपने Intl.DateTimeFormat से तिथियों और समय का प्रारूपण किया, dateStyle/timeStyle के पूर्वनिर्धारित विकल्पों और सूक्ष्म घटक विकल्पों का उपयोग किया, समय क्षेत्रों, 12/24-घंटे की घड़ियों, formatToParts, सीमाओं और वैकल्पिक कैलेंडरों को संभाला। अगला विषय: सापेक्ष समय और बहुवचन।
एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क
अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।
- पाठ्यक्रम
- 59
- पाठ
- 200
अक्सर पूछे जाने वाले प्रश्न
क्या “तिथि और समय को फ़ॉर्मैट करना” पाठ निःशुल्क है?
हाँ — JavaScript Academy अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “तिथि और समय को फ़ॉर्मैट करना” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। JavaScript Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।
“तिथि और समय को फ़ॉर्मैट करना” में मैं क्या सीखूँगा?
Intl.DateTimeFormat से तिथियाँ दिखाइए। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ JavaScript Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।
क्या JavaScript Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?
पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर JavaScript Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 2वाँ पाठ है।
“तिथि और समय को फ़ॉर्मैट करना” पाठ पूरा करने में कितना समय लगता है?
CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।
क्या मैं इस JavaScript Academy पाठ में कोड लिख और चला सकता हूँ?
हाँ। हर JavaScript Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।
इस पाठ्यक्रम के सभी पाठ
- संख्याओं और मुद्रा को फ़ॉर्मैट करना
- तिथि और समय को फ़ॉर्मैट करना
- सापेक्ष समय और बहुवचन
- स्थानीय भाषा के अनुसार क्रमबद्ध करना