Angular တွင် Pipe များကို အသုံးပြု၍ ရက်စွဲများ Format ပြုလုပ်ခြင်း

DatePipe pipe ကို အသုံးပြု၍ ကျွန်ုပ်တို့သည် ပြသမည့် ရက်စွဲအား သတ်မှတ်ထားသော format ပုံစံတစ်ခု သတ်မှတ်နိုင်ပါသည်။ ဤ pipe သည် ရက်စွဲကို ပြသရန် format များအတွက် အောက်ပါ parameter များကို လက်ခံနိုင်ပါသည်။

Format	ညီမျှသော တန်ဖိုး	ဥပမာ (en-US locale အတွက်)
`'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`

ဥပမာများ

ဥပမာများဖြင့် pipe ၏ အလုပ်လုပ်ပုံကို ကြည့်ကြပါစို့။ ဤအတွက် component class တွင် myDate property တစ်ခုသတ်မှတ်ပြီး ရက်စွဲတစ်ခုကို ရေးထည့်ပါမည်။

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

ဥပမာ

ကျွန်ုပ်တို့၏ ရက်စွဲကို pipe ထံသို့ မည်သည့် parameter မျှ မပိုဘဲ ထုတ်ပြကြည့်ပါစို့။

app/app.component.html<div>
  {{ myDate | date }}
</div>

အလုပ်လုပ်စေပြီးသော ကုဒ်၏ ရလဒ်။

html<div>Dec 31, 2025</div>

ဥပမာ

ယခု ရက်စွဲကို အကျဉ်းချုပ် ပုံစံဖြင့် ပြကြည့်ပါမည်။

app/app.component.html<div>
  {{ myDate | date:'shortDate' }}
</div>

အလုပ်လုပ်စေပြီးသော ကုဒ်၏ ရလဒ်။

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

ဥပမာ

ကျွန်ုပ်တို့၏ ရက်စွဲကို ထုတ်ပြကြည့်ပြီး ထိုရက်စွဲသည် သီတင်းနေ့တွင် ကျရောက်သည်ကို သိရှိကြည့်ပါစို့။

app/app.component.html<div>
  {{ myDate | date:'fullDate' }}
</div>

အလုပ်လုပ်စေပြီးသော ကုဒ်၏ ရလဒ်။

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

လက်တွေ့လေ့ကျင့်ခန်းများ

Задание 1

ရက်စွဲအား ပေးထားပါသည်။

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

၎င်းအား အောက်ပါပုံစံဖြင့် format ပြုလုပ်ပါ။

typescript'Jan 2, 2025'

Задание 2

ယခင် လေ့ကျင့်ခန်းမှ ရက်စွဲအား အောက်ပါပုံစံဖြင့် format ပြုလုပ်ပါ။

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

Задание 3

ရက်စွဲအား အောက်ပါပုံစံဖြင့် format ပြုလုပ်ပါ။

typescript'1/2/25'

Задание 4

�က်စွဲအား အောက်ပါပုံစံဖြင့် format ပြုလုပ်ပါ။

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

Задание 5

ရက်စွဲအား အောက်ပါပုံစံဖြင့် format ပြုလုပ်ပါ။

typescript'Thursday, January 2, 2025'