How to Change Date Format using Date Filter in AngularJS?

By Hardik Savani November 5, 2023 Category : Angular

AngularJS provides several filter for developing. AngularJS date filter through you can change date format as you want like yyyy-mm-dd, dd-MM-yyyy, MM-dd-yyyy etc. In bellow example you could understand very well date helper to how to use date filter in Angular JS.

In this example i have one array with date(yyyy-mm-dd date format) and date format will be convert into dd-mm-yyyy using date filter.


<html lang="en-US">

<script src=""></script>


<div ng-app="myApp" ng-controller="customersCtrl">






<tr ng-repeat="x in names">

<td>{{ x.language }}</td>

<td>{{ | date: 'dd-MM-yyyy' }}</td>





var app = angular.module('myApp', []);

app.controller('customersCtrl', function($scope, $http) {

$scope.names = [

{'language': 'PHP', 'date': '2016-06-01' },

{'language': 'Laravel', 'date': '2016-06-02'},

{'language': 'Angular JS', 'date': '2016-06-05'},






Tags :