AngularJS - 在不触及核心文件的情况下处理扩展指令中的元素

Question

以下是该方案......我使用AngularJS并且我需要对Datetimepicker扩展程序进行一些修改而不使用修改核心文件或使用其他扩展程序。

无论如何，我需要做的就是通过一个函数清除 timepicker （也许？）。原来Timepicker此扩展基于似乎允许清除时间。

这是我的第一次尝试：plunkr

这里的功能是：

  $scope.clearPicker = function() {
    $scope.date = null;
    $scope.date.setHours(0); // Trying to clear the Timepicker
  };

另一种尝试是诉诸jQuery：plunkr2

这里的功能是：

  $scope.clearPicker = function() {
    $scope.date = null;

    angular.element(document.getElementsByClassName('datetimepicker-wrapper'))
    .find('input')
    .val('');
  };

但当然很多人会说后者不是Angular方式。

那么我该如何处理将功能注入扩展程序？