日期选择器指令Angularjs和angular-ui bootstrap

Question

问题问题 - 我正在尝试为datepicker构建一个指令。但不知何故，它没有显示日历弹出框。我试过并调查过那里的大部分帖子。我知道这很简单但不能解决这个问题。以下是我的指示

  angular.module('App').directive('myDatePicker',function(){
    return{
        restrict: 'AE',
        template:'<input is-open="opened" type="text" datepicker-popup="d/m/yyyy" ng-model="Date" ng-required="true" />'+
                   '<button type="button" ng-click="open()"></button>',

        controller: function($scope){

            $scope.open = function () {
                $scope.opened = true;
                console.log('I am working');
            };
        }
    };
});

HTML

<div my-date-picker></div>

请指导我在哪里犯错误。