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:

Read Also: AngularJS Ajax Autocomplete Using Typeahead in PHP 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...

Tags :
Previous

Laravel Validation for Multiple Files in Array Example
Next

How to Rotate and Save Image in PHP?

We are Recommending you

Popular Posts

Categories

Latest Posts

Shares