How to input hours and minute in angular js ?

Question

This is code

<input type="number" class="form-control" min="0" max="12" step="1" ng-model="input.hours" required>
<input type="number" class="form-control" min="0" max="60" step="5" ng-model="input.minute" required>

This is browser preview

I need to input hours as 08 and minutes 05 But visible 8 and 5. How can do that?

If not clear, comment. Hope answer soon.

Feel free to accept an answer if any of them helped you out. — Chrillewoodz
– Chrillewoodz, Commented Sep 11, 2015 at 18:52
@Blindy maybe because it is not supported in Safari or Internet Explorer 12 and earlier versions — Sebastien
– Sebastien, Commented Jan 26, 2021 at 9:51

Chrillewoodz · Accepted Answer · 2015-09-11 12:56:59Z

6

You can use ng-change to insert a 0 before the value each time it changes:

<input type="number" class="form-control" min="0" max="12" step="1" ng-model="input.hours" required ng-change="onChange(input.hours)">
<input type="number" class="form-control" min="0" max="60" step="5" ng-model="input.minute" required ng-change="onChange(input.minute)>

$scope.onChange = function(val) {

  if (val < 10) {
    val = '0' + val;
  }
}

answered Sep 11, 2015 at 12:56

Chrillewoodz

28.5k23 gold badges102 silver badges189 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 11:52:56Z

2

I would suggest to create a filter to add '0' before number if needed

https://stackoverflow.com/a/17648547/274500

edited May 23, 2017 at 11:52

CommunityBot

11 silver badge

answered Sep 11, 2015 at 13:03

Stepan Suvorov

26.3k27 gold badges117 silver badges179 bronze badges

Collectives™ on Stack Overflow

How to input hours and minute in angular js ?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related