Макс/мин атрибутами в Bootstrap-интерфейс элемента управления datepicker

Я хочу использовать директиву timepicker из bootstrap-ui. Мне нужно использовать атрибуты min и max, но я не понимаю, как их использовать.

Я попытался использовать его в диапазоне от 0 до 1440. 
<uib-timepicker ng-model="mytime" show-meridian="false" min="840" max="1020"></uib-timepicker>

Я также пытался передать различные форматы дат, но это не решает мою проблему. Например, мне нужно, чтобы пользователь мог установить timepicker с 14: 00 до 17:00. Как я могу достичь этого эффекта с помощью этих атрибутов?

Здесь вы можете найти плунжер. Заранее спасибо.

1 4
angularjs angular-ui angular-ui-bootstrap

1 ответ:

Вы можете задать min и max значения в самом controller: 

var d = new Date();
d.setHours( 2 );
d.setMinutes( 0 );
$scope.min = d;

var d2 = new Date();
d2.setHours( 11 );
d2.setMinutes( 0 );
$scope.max = d2;

И использовать их, 

<uib-timepicker ng-model="mytime" min="min" max="max" show-meridian="false"></uib-timepicker>

Вот плунжер

8