AngularJS |日期过滤器

AngularJS 日期过滤器用于将日期转换为指定格式。未指定日期格式时，默认日期格式为 'MMM d, yyyy'。
句法：

{{ date | date : format : timezone }}

参数值：日期过滤器包含可选的格式和时区参数。
格式中使用的一些常用值如下：

• 'yyyy' - 定义年份 ex。 2019
• 'yy' - 定义年份 ex。 19
• 'y' - 定义年份 ex。 2019
• 'MMMM' - 定义月份 ex。四月
• 'MMM' - 定义月份 ex。四月
• 'MM' - 定义月份 ex。 04
• 'dd' - 定义日期前。 09
• 'd' - 定义日期前。 9
• 'hh' - 以 AM/PM 定义小时
• 'h' - 以 AM/PM 定义小时
• 'mm' - 定义分钟
• 'm' - 定义分钟
• 'ss' - 定义第二个
• 's' - 定义第二个

一些预定义的格式值如下：

• “short”——相当于“M/d/yy h:mm a”
• “中”——相当于“MMM d, yh:mm:ss a”
• “shortDate”——相当于“M/d/yy”（5/7/19）
• “mediumDate”——相当于“MMM d, y”（2019 年 5 月 7 日）
• “longDate”——相当于“MMMM d, y”（2019 年 5 月 7 日）
• “fullDate”——相当于“EEEE, MMMM d, y”（2019 年 5 月 7 日，星期二）
• “shortTime”——相当于“h:mm a”（凌晨 2:35）
• “mediumTime”——相当于“h:mm:ss a”（上午 2:35:05）

示例 1：此示例以给定格式显示日期。

html

    
        Date Filter
         
        
        
    
     
    
  
        
             
 
{{ today | date : "dd.MM.y" }}
 
 
        
  
        
            var app = angular.module('gfgApp', []);
            app.controller('dateCntrl', function($scope) {
                $scope.today = new Date();
            });
        
    

输出：

07.05.2019

示例 2：此示例以指定格式显示时间。

html

    
        Date Filter
         
        
        
    
     
    
  
        
             
 
{{ today| date : 'mediumTime'}}
 
 
        
  
        
            var app = angular.module('gfgApp', []);
            app.controller('dateCntrl', function($scope) {
                $scope.today = new Date();
            });
        
    

输出：

2:37:23 AM

示例 3：此示例以指定格式显示日期。

html

    
        Date Filter
         
        
        
    
     
    
  
        
             
 
{{ today| date }}
 
 
        
  
        
            var app = angular.module('gfgApp', []);
            app.controller('dateCntrl', function($scope) {
                $scope.today = new Date();
            });
        
    

输出：

May 7, 2019