Changing Time Format in AngularJS

Question

$scope.timing = "1:2"; // Ex: "0.3", 10:1", "2:11", "11:41"

I want the above $scope.timing in 01:02 format.

How can i can achieve this?

Moment.js is a great library for everything related to time. — anshulk
– anshulk, Commented Apr 20, 2017 at 14:03
@George yes, i want it has 01:02, it automatically takes correct timing when digit is above 10 i.e, 11:41 — Santosh DJ
– Santosh DJ, Commented Apr 20, 2017 at 14:07

user2954463 · Accepted Answer · 2017-04-20 14:07:44Z

1

You could use moment.js, as anshulk commented. this also is an opportunity to use a custom filter in the template

<div ng-bind="vm.timing | hhSSFilter"></div>

function hhSSfilter(input) {
  var result = input.split(':').map(d => {
     return d.length < 2 ? '0' + d : d;
  });
  return result.join(':');
}

edited Apr 20, 2017 at 14:07

answered Apr 20, 2017 at 14:06

user2954463

2,4212 gold badges29 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

charlietfl Over a year ago

fails if you use 11:41

charlietfl Over a year ago

also not a legitmate angular filter construct

Collectives™ on Stack Overflow

Changing Time Format in AngularJS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related