How can I show correctly Dates yyyy-MM-dd hh:mm:ss with HTML5 and Angularjs?

Question

I\'m trying to create an input with date and time but I don\'t get the way of doing it.

I\'ve tried with input datetime,

  &         


        

Answer 1

You could try using date $filter component:

$scope.tToDisplay = $filter('date')($scope.timestamp, 'yyyy-MM-dd HH:mm:ss');

and bind it to HTML like:

<input ng-model="tToDisplay"></input>

Make sure to include $filter as a dependency. More info on the formats.

Answer 2

I recommend using the angular-moment directive for doing all date formatting in Angular: https://github.com/urish/angular-moment.

Moment.js is a great JavaScript library for formatting, converting and doing all date/time related tasks - angular-moment just exposes this library easily within Angular.

You can simply use the amDateFormat filter within your template as shown below.

<span>{{message.time | amDateFormat:'ffffdd, MMMM Do YYYY, h:mm:ss a'}}</span>

See the above link for more information.