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

我使用https://github.com/Recras/angular-jquery-timepicker来允许在角度应用程序中进行时间选择。它的时间选项是自动生成的，但我想通过删除一些选项来手动设置选项。例如，假设我们以15分钟的时间间隔显示时间段，并根据可用性，我想删除一些时间选项。我怎样才能做到这一点？为angular-jquery-timepicker设置自定义时间选项

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

来源

2015-08-28 devC

简单的例子

查看：

<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和外观罚款）

来源

2015-08-28 08:41:25 vktr

实际上，我不想修改这个步骤，但生成的数据如7.00AM，7.30AM，8.00Am，8.30AM等。 – devC

这就是确定值之间的分钟数。如果您正在讨论只显示某些自定义值未被soported（您将不得不修改该指令）。该指令提供00:00至24:00之间的步骤差异选项。 – vktr

您可以使用选项jquery-timepicker为此。那么你的选择会是这个样子：

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

当然，你也可以设置disableTimeRanges动态，如果你想这一点。

来源

2016-01-05 12:56:41 Intru

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

回答

相关问题