Angular UI TimePicker双向行为

时间:2015-11-24 14:25:41

标签: angularjs timepicker behavior

我想知道我应该修改指令源代码的哪一部分,以便用这个组件实现双向行为?因为在某些条件下,我应该把时间改为" 08:00"或者保持原样...我看到一个孤立的范围被实现,所以可能解释了行为......

Thankx

2 个答案:

答案 0 :(得分:2)

时间选择器上的ng-model属性(如果存在)表示公开供您更改的绑定数据点,并由此指令更改。

<timepicker ng-model='scopeVariableYouBindToDatePickerToHaveAccessToSelectedValue' />

如果您有源代码示例或指令本身,请随时发布示例或链接。

答案 1 :(得分:1)

不完全确定我理解,但这里什么都没有......

  $scope.update = function() {
    var d = new Date();
    d.setHours( 8 );
    d.setMinutes( 0 );
    $scope.mytime = d;
  };

或者如果你不想点击一个按钮,那就更好了,但是这个手表当然必须与某些事件挂钩:

$scope.$watch('something_to_watch', function(new, old) {
        var d = new Date();
        d.setHours( 8 );
        d.setMinutes( 0 );
        $scope.mytime = d;
});

正如Sean Larkin所说,你的HTML会是这样的:

<timepicker ng-model='{{mytime}}' />