Форматиронии санаҳо бо истифода аз каналҳо дар 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'
