datepicker - 后台门户中的Angularjs ui bootsrap datepicker不起作用

Question

我正在尝试在后台门户中使用 Angularjs ui boostrap 的 datepicker，但它不起作用。相同的代码在后台门户之外工作。我的 HTML 代码

 <button type="button" class="btn btn-default" style="border:0px"
            uib-datepicker-popup="{{format}}" ng-model="dt" 
            is-open="status.opened" min-date="minDate" show-weeks="false" show-button-bar="false"
            max-date="maxDate" datepicker-options="dateOptions" 
            date-disabled="disabled(date, mode)" ng-required="true" 
            close-text="Close"  ng-click="open($event)">
              <i ><img data-ng-src="{{imageDir}}/calendar.png"/></i></button>

我的 JS 代码：

$scope.today = function() {
$scope.dt = new Date();
};
 $scope.today();
$scope.refresh = function(){
$scope.dt = new Date();
}

 $scope.maxDate  = new Date(new Date().setDate(new Date().getDate()));
 $scope.minDate  = new Date(new Date().setDate(new Date().getDate()-7));

 $scope.open = function($event) {
  $scope.status.opened = true;
 };

 $scope.setDate = function(year, month, day) {
  $scope.dt = new Date(year, month, day);
  };

 $scope.dateOptions = {
 formatYear: 'yy',
 startingDay: 1
 };



$scope.status = {
opened: false
};

我在我的 html 中包含了 boostrap.min.css，并且我在启动板支持文件夹中有 angular-ui-bootstrap js。谁能解释一下如何在 Backbase 门户中使用 angularjs ui boostrap 组件？提前致谢。

Answer 1

        Can you please paste your whole HTML and JS files here. This would help to understand what dependencies your are loading.

        Can you please check if you are referencing the launchpad require conf..

        <script src="../../../launchpad/conf/require-conf.js"></script>

    Also in JS loading the launchpad angular config as below

   define([ "jquery",
             "angular",                 
             "launchpad/support/angular/angular-ui-bootstrap",
             "launchpad/lib/ui"*
            ], function($,angular){
             "use strict";