angularjs – bootstrap-ui timepicker中的Max / min属性

发布时间：2020-12-17 17:50:10 所属栏目：安全来源：网络整理

导读：我想从bootstrap-ui使用 timepicker directive.我需要使用min和max属性,但我不明白如何使用它们. 我尝试在0到1440的范围内使用它. uib-timepicker ng-model="mytime" show-meridian="false" min="840" max="1020"/uib-timepicker 我也尝试传递不同的日期格式

我想从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.

解决方法

您可以在控制器本身中设置最小值和最大值：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!