Question

我正在尝试在Backbase门户中使用Angularjs ui boostrap的datepicker，但它无法正常工作。相同的代码在backbase门户之外工作。我的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";

后台门户中的Angularjs ui bootsrap datepicker无法正常工作

1 个答案: