Angularjs Get Current Date or Time or DateTime with Example

By: Suresh Dasari Apr 23, 2015

Introduction:

Here I will explain how to get current datetime in AngularJS or get only current date or time from AngularJS. By using “new Date()” function we can get current date or time or datetime in AngularJS.

Description:

In previous articles I explained Angularjs convert number to currency format, Angularjs get dropdownlist selected value, Angularjs convert text to uppercase while typing, Angularjs refresh div for every 1 second using interval mode, 5 + Angularjs Gridview and table plugin examples with demos and many articles relating to AngularJS, jQuery, JavaScript and asp.net. Now I will explain how to get current datetime or date or time using AngularJS.

To get current datetime using AngularJS we need to write the code like as shown below

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

app.controller('samplecontrol', function ($scope) {

$scope.cdate = new Date();

});

</script>

If you want to check it in complete example you need to write the code like as shown below

<head>

<title>Get Current Date Time in Angularjs</title>

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

app.controller('samplecontrol', function ($scope) {

$scope.cdate = new Date();

});

</script>

</head>

<div>

Current Date Time:<b> {{cdate | date:'dd/MM/yyyy hh:mm:ss a'}}</b><br />

Current Date :<b>{{cdate | date:'dd/MM/yyyy'}}</b><br />

Current Time :<b>{{cdate | date:'hh:mm:ss a'}}</b>

</div>

</form>

</body>

</html>

Live Demo

For live demo check below time date and time values

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

Subscribe by RSS

Subscribe by Email

4 comments :

Phani said...: if possible please write the piece of code in another manner as this is executing and not showing the value that is assign from the model
like

{{cdate | date:'dd/MM/yyyy hh:mm:ss a'}} is not appearing and showing like 24/04/2015 11:43:47 AM; April 23, 2015 at 11:21 PM
Suresh Dasari said...: Thanks Phani i updated the code please check it once....; April 24, 2015 at 1:41 AM
Anonymous said...: Cant we show the timezone also?; August 7, 2015 at 1:42 AM
Anonymous said...: Its not working; June 10, 2016 at 5:00 AM