Angularjs - display current date

Question

I got a view in angularjs and I m just trying to display the current date formatted   I thought something like  lt span gt   Date now     date  yyyy-MM-dd    lt  span gt  should display the current date

User · Accepted Answer

You have to create a date object in your controller first:

controller:

function Ctrl($scope)
{
    $scope.date = new Date();
}

view:

<div ng-app ng-controller="Ctrl">
    {{date | date:'yyyy-MM-dd'}}
</div>

JSFiddle example

Angular Date Filter Ref

User · Answer

Well  You can do it with mustache expression    Date now     date  dd MM yyyy HH mm ss      You just need to assign the Date object to scope where You want to evaluate this expression    Here s jsfiddle example  jsfiddle  But don t expect it to update value automatically  This value is not watched by angular so You have to trigger digest every time You want to get it updated  by  interval for example    which is waste of resources  and also not  recommended  in docs   Of course You can get to use of combination with directives controllers to mess around with child scope only  it s always smaller than for example rootScope and digest will be quicker

User · Answer

You can use moment   and format   functions in AngularJS   Controller   var app   angular module  demoApp           app controller   demoCtrl      scope     moment  function  scope    moment     scope date    moment   format  MM DD YYYY           View    lt div ng-app  demoApp  gt     lt div ng-controller  demoCtrl  gt        date      lt  div gt   lt  div gt

User · Answer

Just my 2 cents in case someone stumble upon this     What I am suggesting here will have the same result as the current answer however it has been recommended to write your controller the way that I have mentioned here   Reference scroll to the first  Note   Sorry it doesn t have anchor   Here is the recommended way   Controller   var app   angular module  myApp           app controller   MyCtrl      scope   function  scope         scope date   new Date           View    lt div ng-app  myApp  gt     lt div ng-controller  MyCtrl  gt        date   date  yyyy-MM-dd       lt  div gt   lt  div gt

User · Answer

Another way of doing is  In Controller  create a variable to hold the current date as shown below   var eventsApp   angular module  eventsApp        eventsApp controller  EventController   function EventController  scope        scope myDate   Date now           In HTML view      lt  DOCTYPE html gt   lt html ng-app  eventsApp  gt   lt head gt       lt meta charset  utf-8    gt      lt title gt  lt  title gt      lt script src  lib angular angular js  gt  lt  script gt   lt  head gt   lt body gt   lt div ng-controller  EventController  gt   lt span gt   myDate   date    yyyy-MM-dd    lt  span gt   lt  div gt   lt  body gt   lt  html gt

User · Answer

Template   lt span date-now  MM dd yyyy  gt  lt  span gt    Directive   directive  dateNow      filter   function  filter      return       link  function   scope   element   attrs           element text  filter  date   new Date     attrs dateNow                     Because you can t access the Date object direcly in a template  for an inline solution   I opteted for this Directive  It also keeps your Controllers clean and is reusable

User · Answer

lt script type  text javascript  gt  var app   angular module  sampleapp       app controller  samplecontrol   function   scope       var today   new Date       console log  scope cdate      var date   today getDate       var month   today getMonth       var year   today getFullYear       var current date   date     month     year     console log current date        lt  script gt

User · Answer

A solution similar to the one of  Nick G  by using filter  but make the parameter meaningful   Implement an filter called relativedate which calculate the date relative to current date by the given parameter as diff  As a result   0   relativedate  means today and  1   relativedate  means tomorrow    filter  relativedate      filter   function   filter      return function  rel  format        let date   new Date        date setDate date getDate     rel       return  filter  date   date  format     yyyy-MM-dd               and your html    lt div ng-app  myApp  gt       lt div gt Yesterday    -1   relativedate   lt  div gt       lt div gt Today    0   relativedate   lt  div gt       lt div gt Tomorrow    1   relativedate   lt  div gt   lt  div gt

User · Answer

View   lt div ng-app  myapp  gt    AssignedDate now     date  yyyy-MM-dd HH mm ss     lt  div gt    Controller  var app   angular module  myapp       app run function  rootScope        rootScope AssignedDate   Date

User · Answer

Here is the sample of your answer  http   plnkr co edit MKugkgCSpdZFefSeDRi7 p preview   lt span gt Date Of Birth    DateOfBirth   date  dd-MM-yyyy    lt  span gt   lt input type  text  datepicker-popup  dd MM yyyy  ng-model  DateOfBirth  class  form-control    gt    and then in the controller    scope DateOfBirth   new Date

User · Answer

You can also do this with a filter if you don t want to have to attach a date object to the current scope every time you want to print the date    filter  currentdate     filter    function  filter        return function             return  filter  date   new Date     yyyy-MM-dd                 and then in your view    lt div ng-app  myApp  gt       lt div gt        currentdate   lt  div gt   lt  div gt

[javascript] Angularjs - display current date

Examples related to javascript

Examples related to angularjs