Angularjs 计时器选择器指令赢得'；t提交时间（未定义）

我可以让我的计时器动态显示时间范围，如本文所示：

然而，当使用这种方法时，它不会在我的表单上提交时间。它表示在使用此用法时未定义：

<input ng-if="timeOptions" type="text" placeholder="Start Time" id="timestart" pick-a-time="timeOptions" data-ng-model="itemtimestart" class="form-control" autocomplete="off">

以前的用法如下所示：

<input type="text" placeholder="End Time" id="timeend" pick-a-time="{min: [0,0], max: [23,30]}" data-ng-model="itemtimeend" class="form-control" autocomplete="off">

我的控制器如下所示：（适用于时间范围受限的

// Get $scope variables to control time picker range
var startHour = settingvalue.Work_x0020_Day_x0020_Start_x0020.split(":")[0];
var startMinute = settingvalue.Work_x0020_Day_x0020_Start_x0020.split(":")[1];
var endHour = settingvalue.Work_x0020_Day_x0020_End_x0020_M.split(":")[0];
var endMinute = settingvalue.Work_x0020_Day_x0020_End_x0020_M.split(":")[1];
$scope.timeOptions = { // full options listed at: http://amsul.ca/pickadate.js/time/
min: [startHour,startMinute],
max: [endHour,endMinute],
};

---

如果你能在plunk中重现这个问题，我将帮助你调试它。有相当多的代码，但我会尝试一下！

appDirectives.directive('pickATime', function() {
return {
    // Restrict it to be an attribute in this case
    restrict: 'A',
    // responsible for registering DOM listeners as well as updating the DOM
    link: function(scope, element, attrs) {
        element.pickatime(scope.options());
    },
    scope: {
        options: '&pickATime'
    },
};
});

// Get $scope variables to control time picker range
var startHour = settingvalue.Work_x0020_Day_x0020_Start_x0020.split(":")[0];
var startMinute = settingvalue.Work_x0020_Day_x0020_Start_x0020.split(":")[1];
var endHour = settingvalue.Work_x0020_Day_x0020_End_x0020_M.split(":")[0];
var endMinute = settingvalue.Work_x0020_Day_x0020_End_x0020_M.split(":")[1];
$scope.timeOptions = { // full options listed at: http://amsul.ca/pickadate.js/time/
min: [startHour,startMinute],
max: [endHour,endMinute],
};