Format input values to hour and minute format (hh:mm)

Question

I have one input field for time entry , need to enter hour and minute (HH:mm Format) .So how can input values automatically formatting .

Eg: input values automatically formatting with HH:mm format (11:30).Any help would be appreciated.

Answer 1

You can use uib-timepicker directive for this purpose.It is easy to use and lot more customizable like you can switch between 12/24H etc. The doc explains it pretty clearly.

<div uib-timepicker ng-model="mytime" ng-change="changed()"
  hour-step="hstep" minute-step="mstep" show-meridian="ismeridian">
</div> 

Answer 2

you just write{{"HH:mm"}} in $scope

value = {{a.value | date: "HH:mm"}}