bootstrap-ui timepicker 中的最大/最小属性

【问题标题】：Max/min attributes in bootstrap-ui timepickerbootstrap-ui timepicker 中的最大/最小属性
【发布时间】：2015-10-09 16:10:24
【问题描述】：

我想使用 bootstrap-ui 中的 timepicker directive。我需要使用min 和max 属性，但我不明白如何使用它们。

我尝试在 0 到 1440 的范围内使用它。

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

我也尝试传递不同的日期格式，但这并不能解决我的问题。例如，我需要用户可以将时间选择器设置为 14:00 到 17:00。用这些属性如何实现这个效果？

您可以在这里找到plunker。

【问题讨论】：

【解决方案1】：

您可以在controller 本身中设置min 和max 值：

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>

这里是plunker

【讨论】：