display current system time using angularjs in html - html

Question

I want to display the current system time in the page i am making but it seems to be not working. i dont know why
<script src="angular/angular.min.js"></script>
<script src="css/bootstrap.min.js"></script>
<script src="css/jquery.min.js"></script>
<script src="angular/angular-ui.js"></script>
another code
<script type="text/javascript">
var mymodal = angular.module('mymodal', [])
app.controller('MyController', function ($scope, $filter) {
var date = new Date();
$scope.ddMMyyyy = $filter('date')(new Date(), 'dd/MM/yyyy');
});
</script>
<div ng-app="mymodal" ng-controller="MyController">
<u>dd/MM/yyyy format</u><br /><span ng-bind = "ddMMyyyy"></span>
</div>

Answer 1

Modify your code as given and include HH:mm:ss for time.
var mymodal = angular.module('mymodal', [])
mymodal.controller('MyController', function ($scope, $filter) {
var date = new Date();
$scope.ddMMyyyy = $filter('date')(new Date(), 'dd/MM/yyyy HH:mm:ss');
});

Answer 2

As mentioned by #AnikIslamAbhi, there are two issues that need to be addressed.
app should be mymodal instead
put jquery before angular
After updating your code, it works correctly.
See JSFiddle
Update
However, a better practice is to not assign Angular module to a variable. Instead, use angular.module() to get a module.
// This declares a module (note the second parameter)
angular.module('MyModule', []);
// This retrieves a module
angular
.module('MyModule')
.controller('MyController', function() {});
// Module declaration can be chained with controllers, filters, etc.
angular
.module('AnotherModule', [])
.controller('AnotherController', function() {})
.filter('AnotherFilter', function() {});
Checkout the developer guide on modules.