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

时间:2015-10-09 16:10:24

标签: angularjs angular-ui angular-ui-bootstrap

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

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

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

我也尝试传递不同的日期格式,但它并没有解决我的问题。例如,我需要用户可以在14:00到17:00之间设置时间戳。如何使用这些属性实现此效果?

您可以在此处找到plunker

1 个答案:

答案 0 :(得分:8)

您可以在min本身设置maxcontroller值:

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