Moment.js रिएक्ट एप्लिकेशन के भीतर दिनांक और समय प्रबंधन को कुशलतापूर्वक संभालने के लिए एक शानदार लाइब्रेरी है।

रिएक्ट में दिनांक और समय को प्रबंधित करना उन लोगों के लिए एक चुनौती हो सकती है जो इस क्षेत्र से परिचित नहीं हैं। सौभाग्य से, ऐसे कई पुस्तकालय हैं जो रिएक्ट में दिनांक और समय प्रबंधन में आपकी मदद कर सकते हैं। इनमें से एक लाइब्रेरी मोमेंट.जेएस है।

Moment.js जावास्क्रिप्ट में दिनांक और समय में हेरफेर करने और प्रारूपित करने के सरल तरीके के साथ एक हल्की लाइब्रेरी है।

Moment.js लाइब्रेरी स्थापित करना

मोमेंट.जेएस पुस्तकालय एक है जावास्क्रिप्ट में दिनांक और समय संचालन के प्रबंधन के लिए पैकेज. Moment.js लाइब्रेरी को इंस्टॉल करना आपके रिएक्ट एप्लिकेशन में Moment.js का उपयोग करने का पहला चरण है। आप अपने टर्मिनल में निम्न कमांड चलाकर ऐसा कर सकते हैं:

एनपीएम इंस्टॉल पल

एक बार स्थापना पूर्ण हो जाने पर, आप अपने रिएक्ट घटक में Moment.js का उपयोग कर सकते हैं।

दिनांक और समय प्रदर्शित करने के लिए Moment.js का उपयोग करना

आप अपने रिएक्ट ऐप के भीतर एक विशिष्ट प्रारूप में दिनांक और समय प्रदर्शित करने के लिए Moment.js का उपयोग कर सकते हैं। लाइब्रेरी का उपयोग करने के लिए, आयात करें

instagram viewer
पल स्थापित पैकेज से।

आयात प्रतिक्रिया से'प्रतिक्रिया';
आयात पल से'पल';
समारोहअनुप्रयोग() {


कॉन्स्ट दिनांक = क्षण ()। प्रारूप ("एम एम एम एम डीडी YYYY");
कॉन्स्ट समय = क्षण ()। प्रारूप ("एचएच मिमी एसएस");


वापस करना (




 आजकी तिथि {तारीख} है 


 समय {समय} /p>
 </div>
 )
}


निर्यातगलती करना अनुप्रयोग

पल() विधि एक नया क्षण वस्तु बनाती है जो समय में एक विशिष्ट बिंदु का प्रतिनिधित्व करती है। प्रारूप() विधि एक क्षण वस्तु को एक स्ट्रिंग प्रतिनिधित्व में स्वरूपित करती है।

प्रारूप() विधि क्षण वस्तु के लिए वांछित प्रारूप निर्दिष्ट करते हुए एक स्ट्रिंग तर्क लेती है। स्ट्रिंग तर्क में अक्षरों और विशेष वर्णों का संयोजन शामिल हो सकता है, प्रत्येक एक विशिष्ट अर्थ के साथ।

इनमें से कुछ विशेष पात्र हैं:

  • YYYY: चार अंकों वाला वर्ष
  • Y Y: दो अंकों वाला वर्ष
  • मिमी: दो अंकों वाला महीना
  • एम: एक या दो अंकों वाला महीना
  • एमएमएमएम: शब्दों में महीना
  • डीडी: महीने का दिन दो अंकों वाला
  • डी: महीने का दिन एक या दो अंकों वाला
  • करना: क्रमसूचक के साथ महीने का दिन
  • एचएच: दो अंकों वाला घंटा
  • एच: एक या दो अंकों वाला घंटा
  • मिमी: दो अंकों वाला मिनट
  • एम: एक या दो अंकों वाला मिनट
  • एस एस: दूसरा दो अंकों के साथ
  • एस: दूसरा एक या दो अंकों के साथ

जब अनुप्रयोग पिछले कोड ब्लॉक में घटक प्रदान किया गया है, वर्तमान दिनांक और समय स्क्रीन पर निर्दिष्ट प्रारूप में प्रदर्शित होते हैं।

पल() विधि एक स्ट्रिंग दिनांक या समय तर्क ले सकती है। जब पल() विधि में एक स्ट्रिंग दिनांक या समय तर्क है, यह उस दिनांक या समय का प्रतिनिधित्व करने वाली एक पल वस्तु बनाता है। स्ट्रिंग विभिन्न स्वरूपों में हो सकती है, जैसे ISO 8601, RFC 2822, या यूनिक्स टाइमस्टैम्प।

उदाहरण के लिए:

कॉन्स्ट तिथि = पल ('1998-06-23')।प्रारूप("एम एम एम एम डीडी YYYY");

दिनांक और समय में हेरफेर करने के लिए Moment.js का उपयोग करना

Moment.js लाइब्रेरी दिनांक और समय में हेरफेर करने के लिए कई तरीके भी प्रदान करती है। ये विधियां आपको समय अंतराल जोड़ने या घटाने, दिनांक और समय घटकों के लिए विशिष्ट मान सेट करने और अन्य लागू संचालन करने की अनुमति देती हैं।

उदाहरण के लिए:

आयात प्रतिक्रिया से'प्रतिक्रिया';
आयात पल से'पल';
समारोहअनुप्रयोग() {


कॉन्स्ट कल = क्षण ()। जोड़ें (1, 'दिन')।प्रारूप("मम्मम करो, YYYY");
कॉन्स्ट समय = क्षण ()। घटाना (1, 'घंटा')।प्रारूप("एचएच: मिमी: एसएस");
कॉन्स्ट पिछला साल = पल ()। सेट ('वर्ष', 2022)।तय करना('महीना', 1)।प्रारूप("मम्मम करो, YYYY");
कॉन्स्ट घंटा = क्षण ()। प्राप्त करें ('घंटा');


वापस करना (


"अनुप्रयोग">
आने वाला कलकी तारीख {कल} है


यह समय था: {समय}, एक घंटा पहले</p>


{पिछला साल</p>


{ घंटा }</p>
 </div>
 )
}


निर्यातगलती करना अनुप्रयोग

इस उदाहरण में, आप निम्नलिखित जावास्क्रिप्ट चर घोषित करें: आने वाला कल, समय, पिछले साल, और घंटा. ये चार चर दिनांक और समय में हेरफेर करने के लिए Moment.js लाइब्रेरी की विभिन्न विधियों का उपयोग करते हैं।

आने वाला कल चर का उपयोग करता है जोड़ना() वर्तमान तिथि में एक दिन जोड़ने की विधि। जोड़ना() विधि किसी दिए गए मोमेंट ऑब्जेक्ट में समय जोड़ती है। फ़ंक्शन दो तर्क लेता है: एक अवधि मान और जोड़ने के लिए समय की इकाई का प्रतिनिधित्व करने वाला एक स्ट्रिंग। इकाई हो सकती है साल, महीने, हफ्तों, दिन, घंटे, मिनट, और सेकंड.

आप का उपयोग करके समय घटा भी सकते हैं घटाना () तरीका। इस मामले में, समय चर का उपयोग करता है घटाना () वर्तमान समय से एक घंटा घटाने की विधि।

का उपयोग तय करना() विधि, द पिछले साल चर वर्ष को 2022 और महीने को फरवरी के रूप में सेट करता है (जनवरी को महीने 0 के रूप में दर्शाया गया है)। तय करना() विधि एक मोमेंट ऑब्जेक्ट को समय की एक विशेष इकाई प्रदान करती है।

साथ पाना() विधि, आप एक विशिष्ट समय प्राप्त कर सकते हैं। पाना() विधि एक तर्क, समय की एक इकाई लेती है।

दिनांक और समय को पार्स करने के लिए Moment.js का उपयोग करना

Moment.js की एक अन्य उपयोगी विशेषता तार से दिनांक और समय को पार्स करने की इसकी क्षमता है। बाहरी स्रोतों से डेटा के साथ काम करते समय यह उपयोगी हो सकता है।

किसी स्ट्रिंग से दिनांक या समय को पार्स करने के लिए, आपको इसका उपयोग करने की आवश्यकता है पल() तरीका। इस मामले में, पल() विधि दो तर्क लेती है, दिनांक स्ट्रिंग और प्रारूप स्ट्रिंग।

आप कैसे उपयोग कर सकते हैं इसका एक उदाहरण यहां दिया गया है पल() दिनांक और समय पार्स करने की विधि:

आयात प्रतिक्रिया से'प्रतिक्रिया';
आयात पल से'पल';
समारोहअनुप्रयोग() {


कॉन्स्ट तिथि = पल ('2920130000', 'दो-मम्मम-वर्ष')।तारीख तक();
सांत्वना देनालॉग (तारीख);


वापस करना (


</div>
 )
}
निर्यातगलती करना अनुप्रयोग

उपरोक्त कोड ब्लॉक में, पल() विधि "Do-MMMM-YYYY" प्रारूप स्ट्रिंग का उपयोग करके इस स्ट्रिंग '2920130000' को पार्स करेगी। तारीख तक() विधि क्षण वस्तु को रूपांतरित करती है एक मूल जावास्क्रिप्ट दिनांक वस्तु.

तारीख तक() विधि कोई तर्क नहीं लेती है और एक जावास्क्रिप्ट दिनांक वस्तु लौटाती है जो उसी दिनांक और समय को क्षण वस्तु के रूप में दर्शाती है।

सापेक्ष समय प्रदर्शित करना

Moment.js लाइब्रेरी के साथ, आप सापेक्ष समय को प्रारूपित और प्रदर्शित कर सकते हैं। ऐसा करने के लिए, आप का उपयोग करें अभी से() और अभी के लिए() तरीके। ये विधियाँ किसी दी गई तिथि और वर्तमान समय के बीच के समय को प्रदर्शित करती हैं।

उदाहरण के लिए:

आयात प्रतिक्रिया से'प्रतिक्रिया';
आयात पल से'पल';
समारोहअनुप्रयोग() {


कॉन्स्ट कल = क्षण ()। घटाना (7, 'दिन');
कॉन्स्ट समय 1 = कल। अब से (); // सात दिन पहले
कॉन्स्ट समय 2 = कल .toNow (); // 7 दिनों में


वापस करना (




{समय1</p>


{समय2</p>
 </div>
 )
}


निर्यातगलती करना अनुप्रयोग

इस उदाहरण में, अभी से() विधि निर्दिष्ट तिथि के बाद बीता हुआ सापेक्ष समय लौटाती है, जबकि अभी के लिए() विधि वर्तमान समय तक सापेक्ष समय लौटाती है।

Moment.js से अधिक

Moment.js एक शक्तिशाली पुस्तकालय है जो जावास्क्रिप्ट में दिनांक और समय में हेरफेर करने और प्रारूपित करने का एक सरल तरीका प्रदान करता है। आपने Moment.js का उपयोग करके रिएक्ट में दिनांक और समय में हेरफेर करना, प्रदर्शित करना और पार्स करना सीखा है।

Moment.js कई अन्य तरीके प्रदान करता है, जैसे कि स्थानीय, startOf, endOf, और इसी तरह। हालाँकि, प्रदान की गई जानकारी के साथ, आप अपने रिएक्ट एप्लिकेशन में Moment.js का उपयोग शुरू करने के लिए तैयार हैं।