AngularJS - convert dates in controller

Question

Could anyone please suggest me how to convert date from this 1387843200000 format into this 24 12 2013 inside my controller   Just FYI my dates are stored in this way  amp  when binding to edit form with input type  date  field is not being populated at all     Plunker demo here    EditCtrl  app controller  EditCtrl       scope     filter    db  function   scope   filter  db           this gets me an item object     var item   db readItem            item date   1387843200000        this returns undefined      item date    filter  date   date  item date   dd MM yyyy             Edit html - template    lt form name  editForm  class  form-validate  gt            lt div class  form-group  gt               lt label for  date  gt Event date  lt  label gt               lt input type  date  class  form-control  ng-model  event date  id  date  required   gt           lt  div gt            lt a href      class  btn btn-danger   gt Cancel lt  a gt           lt button id  addEvent  class  btn btn-primary pull-right  ng-disabled  isClean      editForm  invalid  ng-click  saveEvent    gt Save event  lt  button gt        lt  form gt

User · Answer

All solutions here doesn t really bind the model to the input because you will have to change back the dateAsString to be saved as date in your object  in the controller after the form will be submitted    If you don t need the binding effect  but just to show it in the input   a simple could be    lt input type  date  value     item date   date   yyyy-MM-dd      id  item date    gt    Then  if you like  in the controller  you can save the edited date in this way       scope item date   new Date document getElementById  item date   value  getTime       be aware  in your controller  you have to declare your item variable as  scope item in order for this to work

User · Answer

create a filter js and you can make this as reusable   angular module  yourmodule   filter  date   function  filter        return function input                if input    null   return               var  date    filter  date   new Date input    dd MM yyyy            return  date toUpperCase                 view   lt span gt    d time   date    lt  span gt    or in controller  var filterdatetime    filter  date    yourdate      Date filtering and formatting in Angular js

User · Answer

i suggest in Javascript   var item 1387843200000  var date1 new Date item     and then date1 is a Date

User · Answer

item date    filter  date   item date   dd MM yyyy       for conversion to string   http   docs angularjs org api ng filter date  But if you are using HTML5 type  date  then the ISO format yyyy-MM-dd MUST be used   item dateAsString    filter  date   item date   yyyy-MM-dd        for type  date  binding    lt input type  date  ng-model  item dateAsString  value     item dateAsString     pattern  dd MM YYYY   gt    http   www w3 org TR html-markup input date html  NOTE  use of pattern    with type  date  looks non-standard  but it appears to work in the expected way in Chrome 31

[angularjs] AngularJS - convert dates in controller

Examples related to angularjs

Examples related to date

Examples related to datetime

Examples related to datetime-format

Examples related to ng-controller