Max/min 属性在 bootstrap-ui 时间选择器中

Question

我想使用 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。

Answer 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

Max/min attributes in bootstrap-ui timepicker