জাভাস্ক্রিপ্টে তারিখ ফর্ম্যাটিং মাস্টারিং
জাভাস্ক্রিপ্টে তারিখ ফর্ম্যাটিং ডেভেলপারদের জন্য একটি সাধারণ প্রয়োজন। আপনি একটি ইউজার ইন্টারফেস তৈরি করছেন বা ব্যাকএন্ড ডেটা নিয়ে কাজ করছেন কিনা, একটি মানব-পাঠযোগ্য বিন্যাসে তারিখগুলি উপস্থাপন করা অপরিহার্য। জাভাস্ক্রিপ্ট তারিখগুলি ফর্ম্যাট করার একাধিক উপায় প্রদান করে, এটি বিভিন্ন অ্যাপ্লিকেশনের জন্য একটি বহুমুখী পছন্দ করে তোলে।
এই নির্দেশিকায়, আমরা একটি জাভাস্ক্রিপ্ট তারিখ অবজেক্টকে একটি স্ট্রিং হিসাবে কীভাবে ফর্ম্যাট করতে হয় তা অন্বেষণ করব, বিশেষত বিন্যাসে: 10-Aug-2010৷ এই টিউটোরিয়ালের শেষে, আপনি আপনার জাভাস্ক্রিপ্ট প্রকল্পে তারিখ বিন্যাস কার্যকরভাবে পরিচালনা করার জ্ঞান দিয়ে সজ্জিত হবেন।
আদেশ | বর্ণনা |
---|---|
toLocaleDateString | লোকেল-নির্দিষ্ট নিয়ম অনুসারে একটি তারিখ ফর্ম্যাট করে এবং এটি একটি স্ট্রিং হিসাবে ফেরত দেয়। |
replace | একটি প্রতিস্থাপন দ্বারা প্রতিস্থাপিত একটি প্যাটার্নের কিছু বা সমস্ত মিল সহ একটি নতুন স্ট্রিং প্রদান করে৷ |
require | Node.js এ মডিউল আমদানি করে, যেমন একটি সার্ভার তৈরির জন্য 'এক্সপ্রেস'। |
express | ওয়েব সার্ভার তৈরির জন্য ব্যবহৃত একটি এক্সপ্রেস অ্যাপ্লিকেশনের একটি উদাহরণ তৈরি করে। |
app.get | একটি নির্দিষ্ট পাথে GET অনুরোধের জন্য একটি রুট হ্যান্ডলার সংজ্ঞায়িত করে। |
app.listen | একটি নির্দিষ্ট পোর্টে একটি সার্ভার শুরু করে এবং সংযোগের জন্য শোনে। |
জাভাস্ক্রিপ্টে তারিখ ফর্ম্যাটিং স্ক্রিপ্ট বোঝা
প্রদত্ত স্ক্রিপ্টগুলি জাভাস্ক্রিপ্টকে কীভাবে ফর্ম্যাট করতে হয় তা প্রদর্শন করে Date পছন্দসই বিন্যাসে একটি স্ট্রিং এ অবজেক্ট করুন "10-Aug-2010"। ফ্রন্টএন্ড স্ক্রিপ্ট ব্যবহার করে toLocaleDateString পদ্ধতি, যা লোকেল-নির্দিষ্ট নিয়ম অনুসারে তারিখকে ফর্ম্যাট করে এবং এটিকে একটি স্ট্রিং হিসাবে ফেরত দেয়। এই পদ্ধতিটি অত্যন্ত বহুমুখী, যা ডেভেলপারদের বিভিন্ন ফর্ম্যাটিং বিকল্পগুলি নির্দিষ্ট করতে দেয়। এই ক্ষেত্রে, আমরা দিন, সংক্ষিপ্ত মাস এবং চার-সংখ্যার বছর পেতে {day: '2-digit', month: 'short', year: 'numeric' } বিকল্পগুলি ব্যবহার করি। দ্য replace তারপর পদ্ধতিটি হাইফেন দিয়ে স্পেস প্রতিস্থাপন করতে ব্যবহৃত হয়, চূড়ান্ত পছন্দসই বিন্যাস অর্জন করে। প্রদত্ত উদাহরণটি দেখায় কিভাবে একটি তৈরি করতে হয় Date 10 আগস্ট, 2010 এর জন্য অবজেক্ট করুন এবং ফাংশন ব্যবহার করে সঠিকভাবে ফর্ম্যাট করুন।
ব্যাকএন্ড স্ক্রিপ্ট লিভারেজ Node.js এবং Express ফ্রেমওয়ার্ক একটি সাধারণ সার্ভার তৈরি করতে যা তারিখটি ফর্ম্যাট করে এবং এটি একটি প্রতিক্রিয়া হিসাবে পাঠায়। দ্য require প্রয়োজনীয় মডিউল আমদানি করতে কমান্ড ব্যবহার করা হয়। দ্য express ফাংশন একটি এক্সপ্রেস অ্যাপ্লিকেশন আরম্ভ করে, এবং app.get GET অনুরোধের জন্য একটি রুট হ্যান্ডলার সংজ্ঞায়িত করে। এই হ্যান্ডলার মধ্যে, formatDate ফাংশনকে ডেট ফরম্যাট করতে বলা হয় এবং ফরম্যাট করা তারিখটি ব্যবহার করে প্রতিক্রিয়া হিসেবে পাঠানো হয় res.send. অবশেষে, app.listen একটি নির্দিষ্ট পোর্টে সার্ভার শুরু করে এবং ইনকামিং সংযোগের জন্য শোনে। এই স্ক্রিপ্টটি দেখায় কিভাবে তারিখ বিন্যাস একটি সার্ভার-সাইড অ্যাপ্লিকেশনে একত্রিত করা যেতে পারে, ফর্ম্যাট করা তারিখগুলিকে গতিশীলভাবে পরিবেশন করার অনুমতি দেয়৷
জাভাস্ক্রিপ্টে একটি স্ট্রিং-এ একটি তারিখ অবজেক্ট ফর্ম্যাট করা
জাভাস্ক্রিপ্ট ফ্রন্টএন্ড স্ক্রিপ্ট
// Function to format date as 'DD-MMM-YYYY'
function formatDate(date) {
const options = { day: '2-digit', month: 'short', year: 'numeric' };
return date.toLocaleDateString('en-GB', options).replace(/ /g, '-');
}
// Example usage
const date = new Date(2010, 7, 10); // 10-Aug-2010
const formattedDate = formatDate(date);
console.log(formattedDate); // Output: 10-Aug-2010
Node.js-এ সার্ভার-সাইড ডেট ফরম্যাটিং
Node.js ব্যাকএন্ড স্ক্রিপ্ট
const express = require('express');
const app = express();
const port = 3000;
// Function to format date as 'DD-MMM-YYYY'
function formatDate(date) {
const options = { day: '2-digit', month: 'short', year: 'numeric' };
return date.toLocaleDateString('en-GB', options).replace(/ /g, '-');
}
app.get('/formatted-date', (req, res) => {
const date = new Date(2010, 7, 10); // 10-Aug-2010
const formattedDate = formatDate(date);
res.send(`Formatted Date: ${formattedDate}`);
});
app.listen(port, () => {
console.log(`Server running at http://localhost:${port}`);
});
জাভাস্ক্রিপ্টে অ্যাডভান্সড ডেট ফরম্যাটিং কৌশল
ব্যবহারের বাইরে toLocaleDateString এবং বেসিক স্ট্রিং রিপ্লেসমেন্ট, জাভাস্ক্রিপ্ট ডেভেলপারদের জন্য বৃহত্তর নমনীয়তা প্রদান করে ডেট ফরম্যাটিং এর জন্য অন্যান্য বিভিন্ন পদ্ধতি অফার করে। এরকম একটি পদ্ধতি হল Intl.DateTimeFormat, ECMAScript ইন্টারন্যাশনালাইজেশন API-এর সাথে প্রবর্তিত একটি শক্তিশালী টুল, যা তারিখ এবং সময়ের বিন্যাসের উপর সূক্ষ্ম নিয়ন্ত্রণের অনুমতি দেয়। দ্য Intl.DateTimeFormat অবজেক্ট ডেভেলপারদের লোকেল এবং ফরম্যাটিং বিকল্পগুলি নির্দিষ্ট করতে সক্ষম করে, বিভিন্ন পরিবেশে সামঞ্জস্যপূর্ণ ফলাফল তৈরি করে। এই পদ্ধতিটি বিশেষভাবে উপযোগী যখন একাধিক লোকেল বা কাস্টম তারিখ এবং সময় ফর্ম্যাটের সাথে কাজ করে যা সরাসরি সমর্থিত নয় toLocaleDateString.
বিবেচনা করার আরেকটি পদ্ধতি হল লাইব্রেরি ব্যবহার করা moment.js বা date-fns. এই লাইব্রেরিগুলি তারিখগুলিকে ম্যানিপুলেট করার এবং ফর্ম্যাট করার জন্য, জটিল তারিখের ক্রিয়াকলাপগুলিকে সহজ করার জন্য আরও বিস্তৃত সরঞ্জাম সরবরাহ করে। এই ক্ষেত্রে, moment.js আপনাকে একটি সহজ এবং স্বজ্ঞাত সিনট্যাক্স ব্যবহার করে তারিখগুলি ফর্ম্যাট করতে দেয়, যেমন moment(date).format('DD-MMM-YYYY'), যা সরাসরি পছন্দসই বিন্যাস তৈরি করে। যদিও নেটিভ পদ্ধতিগুলি মৌলিক চাহিদাগুলির জন্য উপযুক্ত, এই লাইব্রেরিগুলি এমন অ্যাপ্লিকেশনগুলির জন্য অমূল্য যা ব্যাপক তারিখের হেরফের এবং ফর্ম্যাটিং ক্ষমতার প্রয়োজন৷
জাভাস্ক্রিপ্ট তারিখ বিন্যাস সম্পর্কে সাধারণ প্রশ্ন
- আমি কিভাবে একটি ভিন্ন লোকেলে একটি তারিখ ফর্ম্যাট করব?
- ব্যবহার toLocaleDateString একটি নির্দিষ্ট লোকেল সহ পদ্ধতি, যেমন date.toLocaleDateString('fr-FR').
- আমি কি শুধুমাত্র একটি তারিখ অবজেক্টের সময় অংশ ফর্ম্যাট করতে পারি?
- হ্যাঁ, ব্যবহার করুন toLocaleTimeString সময়ের অংশ ফরম্যাট করতে।
- ব্যবহার করে কি লাভ Intl.DateTimeFormat?
- এটি বিভিন্ন লোকেল জুড়ে তারিখ এবং সময় বিন্যাসের উপর আরো নিয়ন্ত্রণ অফার করে।
- কিভাবে আমি একটি তারিখ বস্তু থেকে মাসের নাম পেতে পারি?
- ব্যবহার করুন toLocaleString বিকল্প সহ, মত date.toLocaleString('en-US', { month: 'long' }).
- হয় moment.js তারিখ বিন্যাস জন্য এখনও একটি ভাল পছন্দ?
- যখন moment.js অবমূল্যায়ন করা হয়, এটি এখনও ব্যাপকভাবে ব্যবহৃত হয়। মত বিকল্প বিবেচনা করুন date-fns.
- আমি কিভাবে একটি তারিখ অবজেক্টে দিন যোগ করব?
- ব্যবহার করুন date.setDate(date.getDate() + numberOfDays).
- আমি একটি ISO স্ট্রিং হিসাবে একটি তারিখ ফর্ম্যাট করতে পারি?
- হ্যাঁ, ব্যবহার করুন date.toISOString() ISO ফরম্যাটের জন্য।
- জাভাস্ক্রিপ্টে ডিফল্ট তারিখ বিন্যাস কি?
- গতানুগতিক, toString বিন্যাসে একটি তারিখ প্রদান করে 'Wed Jun 25 2024 12:00:00 GMT+0000 (Coordinated Universal Time)'.
- আমি কিভাবে জাভাস্ক্রিপ্টে দুটি তারিখ তুলনা করব?
- তুলনা অপারেটর ব্যবহার করুন, মত date1.getTime() === date2.getTime().
জাভাস্ক্রিপ্টে তারিখ বিন্যাস করা হচ্ছে
জাভাস্ক্রিপ্টে তারিখগুলি সঠিকভাবে ফর্ম্যাট করা ব্যবহারকারীর অভিজ্ঞতা বাড়ায় এবং ডেটা উপস্থাপনে ধারাবাহিকতা নিশ্চিত করে। এই নিবন্ধটি ফ্রন্টএন্ড এবং ব্যাকএন্ড উভয় সমাধান প্রদান করে, এর ব্যবহার প্রদর্শন করে toLocaleDateString, replace, এবং Intl.DateTimeFormat. এই পদ্ধতি এবং সরঞ্জামগুলি ব্যবহার করে, বিকাশকারীরা অনায়াসে পছন্দসই তারিখ বিন্যাস অর্জন করতে পারে। লাইব্রেরি ব্যবহার করা moment.js এবং date-fns আরও জটিল তারিখের হেরফের সহজ করে, জাভাস্ক্রিপ্টকে তারিখ বিন্যাসকরণের কাজগুলি পরিচালনা করার জন্য একটি শক্তিশালী পছন্দ করে তোলে।