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 တစ်ခုသတ်မှတ်ပြီး
ရက်စွဲတစ်ခုကို ရေးထည့်ပါမည်။
export class AppComponent {
public myDate: number = Date.parse('2025-12-31');
}
ဥပမာ
ကျွန်ုပ်တို့၏ ရက်စွဲကို pipe ထံသို့ မည်သည့် parameter မျှ မပိုဘဲ ထုတ်ပြကြည့်ပါစို့။
<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');
၎င်းအား အောက်ပါပုံစံဖြင့် format ပြုလုပ်ပါ။
'Jan 2, 2025'
ယခင် လေ့ကျင့်ခန်းမှ ရက်စွဲအား အောက်ပါပုံစံဖြင့် format ပြုလုပ်ပါ။
'1/2/25, 3:00 AM'
ရက်စွဲအား အောက်ပါပုံစံဖြင့် format ပြုလုပ်ပါ။
'1/2/25'
�က်စွဲအား အောက်ပါပုံစံဖြင့် format ပြုလုပ်ပါ။
'January 2, 2025 at 3:00:00 AM GMT+3'
ရက်စွဲအား အောက်ပါပုံစံဖြင့် format ပြုလုပ်ပါ။
'Thursday, January 2, 2025'
