AngularJS Current Time

122 Views Asked by AudioBubble At 20 October 2024 at 05:34

How can i add current time in my project ? my controller and modul:

var app = angular
    .module("persModul", [])
    .controller("persController", function($scope, $http)

Original Q&A

There are 2 best solutions below

Sajeetharan On 27 July 2018 at 07:03 BEST ANSWER

Just use new Date() and bind on the HTML

DEMO

var app = angular.module("persModul", [])
app.controller("persController", function($scope){
      $scope.timeNow = new Date();
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="persModul" ng-controller="persController">
  {{timeNow  | date:'MM/dd/yyyy @ h:mma'}}
</body>

UPDATED DEMO

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

module.controller('TimeCtrl', function($scope, $interval) {
  var tick = function() {
    $scope.clock = Date.now();
  }
  tick();
  $interval(tick, 1000);
});

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

<div ng-app="myApp">
  <div ng-controller='TimeCtrl'>
    <p>{{ clock | date:'HH:mm:ss'}}</p>
  </div>
</div>

Sudhir Ojha On 27 July 2018 at 07:14

You can set interval on one second to get updated time like following:

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

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

<p>Current Date & Time = {{ currentDateTime | date:'MM-dd-yyyy HH:mm:ss' }}</p>

</div>

<script>
var app = angular.module('myApp', []);
app.controller('datCtrl', function($scope, $interval) {
    var getCurrentDate = function(){
     $scope.currentDateTime = new Date();
    }
    $interval(getCurrentDate, 1000);
});
</script>
</body>
</html>

AngularJS Current Time

There are 2 best solutions below

Related Questions in ANGULARJS

Related Questions in TIME

Related Questions in CURRENT-TIME

Trending Questions

Popular # Hahtags

Popular Questions