AngularJS Filter Change Date Format in Controller Example

By Hardik Savani October 20, 2023 Category : Angular

In this post, i will show you how to change date format in angularjs controller. if you need to change date format in html then you can use date filter, but in controller you need to change date formate like yyyy-mm-dd to dd/MM/yyyy than how you can do it.

you can change date formate using $filter('date')(date format timezone) in angular js controller.

Some days ago, someone ask me in comment. can you suggest me to change date formate in angular controller. he has date string and he wanted to change formate. so you don't require to convert string, but you can do it directly by using $filter in your controller.

Just see this example and code.

Example:

<!doctype html>

<html>

<head>

<title>Angularjs filter change date format in controller - ItSolutionStuff.com</title>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>

</head>

<body ng-app='myapp'>

<div ng-controller="myCtrl">

<p>2019-02-13</p>

<p><strong>{{ item }}</strong></p>

</div>

</body>

<script type="text/javascript">

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

app.controller('myCtrl', ['$scope', '$http', '$filter', function ($scope, $http, $filter) {

$scope.item = $filter('date')('2019-02-13', "dd/MM/yyyy");

}]);

</script>

</html>

I hope it can help you...

Shares