javascript - 在 angular-ui bootstrap 中设置日期选择器的选项

Question

我正在尝试使用来自 angular-ui Bootstrap 库的日期选择器组件，如下所述:http://angular-ui.github.io/bootstrap/我尝试为弹出式选择器设置选项，并根据文档我应该使用 datepicker-options 属性将 datepicker 的选项作为 JSON 传递。

在我看来我有:

        <div class="row">
        <div class="col-md-6">
            <p class="input-group">
                <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" min="minDate" max="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
                <span class="input-group-btn">
                <button class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
          </span>
            </p>
        </div>
    </div>

在我的 Controller 中我有:

    $scope.dateOptions = {'show-button-bar': 'false', 'close-text':'SomeText'};

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

    $scope.showWeeks = false;

    $scope.clear = function () {
        $scope.dt = null;
    };

    $scope.toggleMin = function() {
        $scope.minDate = ( $scope.minDate ) ? null : new Date();
    };
    $scope.toggleMin();

    $scope.open = function($event) {
        $event.preventDefault();
        $event.stopPropagation();

        $scope.opened = true;
    };

    $scope.dateOptions = {
        'year-format': "'yy'",
        'starting-day': 1
    };
    $scope.format = 'dd/MM/yyyy'

正如你在开始看到的那样，我尝试设置选项:

 $scope.dateOptions = {'show-button-bar': 'false', 'close-text':'SomeText'};

不过好像不行，datepicker没有变化。知道我做错了什么吗？

Answer 1

我找到了解决方案，我将选项作为属性，例如:

   <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" min="minDate" max="'2014-12-31'" datepickerOptions="dateOptions" ng-required="true" show-button-bar="false"/>

所以我将 show-button-bar 作为属性而不是作为传递给 datepickerOptions 的对象的一部分。