Date Filter Introduction

Description

We can format a date value with date filter for a certain format style.

The date formatter has several built-in options.

If no date format is passed, it defaults to mediumDate.

Format

Here are the built-in localizable formats:

{{  today | date:'medium' }}      
{{  today | date:'short' }}       
{{  today | date:'fullDate' }}    
{{  today | date:'longDate' }}    
{{  today | date:'mediumDate' }}  
{{  today | date:'shortDate' }}   
{{  today | date:'mediumTime' }}  
{{  today | date:'shortTime' }}   

Year Formatting

Four-digit year:         {{  today | date:'yyyy' }}  
Two-digit padded year:   {{  today | date:'yy' }}    
One-digit year:          {{  today | date:'y' }}     

Month Formatting

Month in year:        {{  today | date:'MMMM'   }}  
Short month in year:  {{  today | date:'MMM' }}     
Padded month in year: {{  today | date:'MM' }}      
Month in year:        {{  today | date:'M' }}       

Day Formatting

Padded day in month: {{  today | date:'dd' }}   
Day in month:        {{  today | date:'d' }}    
Day in week:         {{  today | date:'EEEE' }} 
Short day in week:   {{  today | date:'EEE' }}  

Hour Formatting

Padded hour in  day:     {{  today | date:'HH' }}  
Hour  in day:            {{  today | date:'H' }}  
Padded hour in  am/pm:   {{  today | date:'hh' }}  
Hour  in am/pm:          {{  today | date:'h' }}  

Minute Formatting

Padded minute in  hour:  {{  today | date:'mm' }}  
Minute in  hour:         {{  today | date:'m' }}   

Second Formatting

Padded second in  minute:       {{  today | date:'ss' }}    
Second in  minute:              {{  today | date:'s' }}     
Padded millisecond  in  second: {{  today | date:'.sss' }}  

String Formatting

am/pm  character:          {{  today | date:'a' }}  
4-digit  time zone offset: {{  today | date:'Z' }}  

Custom date formatting

{{  today | date:'MMM  d, y' }}    
{{  today | date:'EEEE, d, M'  }}  
{{  today | date:'hh:mm:ss.sss' }} 





















Home »
  AngularJS »
    AngularJS Tutorial »




Introduction
Buildin Filters
Buildin Directives