Angular-এ পাইপ ব্যবহার করে তারিখ ফরম্যাট করা

DatePipe পাইপ ব্যবহার করে আমরা প্রদর্শনের তারিখের জন্য একটি নির্দিষ্ট ফরম্যাট সেট করতে পারি। এই পাইপ তারিখ প্রদর্শনের ফরম্যাটের জন্য নিম্নলিখিত প্যারামিটার নিতে পারে:

ফরম্যাট	সমতুল্য	উদাহরণ (en-US লোকেলের জন্য)
`'short'`	`'M/d/yy, h:mm a'`	`12/31/25, 3:00 AM`
`'medium'`	`'MMM d, y, h:mm:ss a'`	`Dec 31, 2025, 3:00:00 AM`
`'long'`	`'MMMM d, y, h:mm:ss a z'`	`December 31, 2025 at 3:00:00 AM GMT+3`
`'full'`	`'EEEE, MMMM d, y, h:mm:ss a zzzz'`	`Wednesday, December 31, 2025 at 3:00:00 AM GMT+03:00`
`'shortDate'`	`'M/d/yy'`	`12/31/25`
`'mediumDate'`	`'MMM d, y'`	`Dec 31, 2025`
`'longDate'`	`'MMMM d, y'`	`December 31, 2025`
`'fullDate'`	`'EEEE, MMMM d, y'`	`Wednesday, December 31, 2025`
`'shortTime'`	`'h:mm a'`	`3:00 AM`
`'mediumTime'`	`'h:mm:ss a'`	`3:00:00 AM`
`'longTime'`	`'h:mm:ss a z'`	`3:00:00 AM GMT+3`
`'fullTime'`	`'h:mm:ss a zzzz'`	`3:00:00 AM GMT+03:00`

উদাহরণ

আসুন উদাহরণের মাধ্যমে পাইপের কাজ দেখি। এজন্য কম্পোনেন্ট ক্লাসে আমরা একটি প্রপার্টি myDate সেট করব, যেখানে আমরা তারিখ লিখব:

export class AppComponent {
	public myDate: number = Date.parse('2025-12-31');
}

উদাহরণ

আসুন আমাদের তারিখটি দেখাই, পাইপে কোনো প্যারামিটার না পাঠিয়ে:

<div>
	{{ myDate | date }}
</div>

কোড এক্সিকিউট করার ফলাফল:

<div>Dec 31, 2025</div>

উদাহরণ

এবার তারিখের সংক্ষিপ্ত আউটপুট দেখাই:

<div>
	{{ myDate | date:'shortDate' }}
</div>

কোড এক্সিকিউট করার ফলাফল:

<div>12/31/25</div>

উদাহরণ

আসুন আমাদের তারিখটি দেখাই এবং একই সাথে জেনে নিই সেটি সপ্তাহের কোন দিনে পড়ে:

<div>
	{{ myDate | date:'fullDate' }}
</div>

কোড এক্সিকিউট করার ফলাফল:

<div>Wednesday, December 31, 2025</div>

ব্যবহারিক সমস্যা

একটি তারিখ দেওয়া আছে:

public myDate: number = Date.parse('2025-01-02');

নিম্নলিখিত ফরম্যাটে এটি ফরম্যাট করুন:

'Jan 2, 2025'

পূর্ববর্তী টাস্কের তারিখটি নিম্নলিখিত ফরম্যাটে ফরম্যাট করুন:

'1/2/25, 3:00 AM'

নিম্নলিখিত ফরম্যাটে তারিখটি ফরম্যাট করুন:

'1/2/25'

নিম্নলিখিত ফরম্যাটে তারিখটি ফরম্যাট করুন:

'January 2, 2025 at 3:00:00 AM GMT+3'

নিম্নলিখিত ফরম্যাটে তারিখটি ফরম্যাট করুন:

'Thursday, January 2, 2025'