为angular-jquery-timepicker设置自定义时间选项

Question

我使用the list of Binary instances允许在角度应用程序中选择时间。它的时间选项是自动生成的，但我想通过删除一些选项手动设置选项。例如，我们假设我们以15分钟的间隔显示时段，并根据可用性我想删除一些时间选项。我怎么能这样做？

基本上，我想修改以下列表并删除一些时间选项。

https://github.com/Recras/angular-jquery-timepicker

Answer 1

简单示例

查看：

<input ui-timepicker="timePickerOptions" ng-model="someDateObject">
<button ng-click="incStep()"> Inc Step </button>

控制器：

$scope.timePickerOptions = {
    step: 5,
    timeFormat: 'g:ia',
    appendTo: 'body'
};

$scope.incStep = function(){
    $scope.timePickerOptions.step += 5;
};

注意：如果指令正在观察更改的选项模型（我在https://github.com/Recras/angular-jquery-timepicker/blob/master/src/timepickerdirective.js上检查并且看起来很好），这是有效的。

Answer 2

您可以使用jquery-timepicker中的disableTimeRanges选项。您的选择将如下所示：

$scope.timePickerOptions = {
  step: 5,
  disableTimeRanges: [['3:00am', '4:30am'], ['5:00pm', '8:00pm']],
};

当然，如果您愿意，还可以动态设置disableTimeRanges。