0

我正在使用 AngularUI Datepicker。我有单独的部分视图，每个视图都有 ng-repeat 。我正在使用 AngularUI-Bootstrap-Datepickers，它使页面加载非常慢。

我遵循了这个答案： 页面上的许多 UI-Bootstrap-Datepickers 加载速度非常慢 - 我可以使用单个实例并移动元素吗？

但是我遇到了一些其他问题。在这种方法中，我们使用单独的 ng-if 从跨度切换到文本框。但是在它们之间切换需要相当长的时间，这使得用户可以看到我们正在玩文本框。（检查图片 http://i.stack.imgur.com/YxZXQ.png）

我也跟着这个：https ://github.com/angular-ui/bootstrap/pull/3666/commits

但我无法整合更改并成功运行 datepicker。

这个问题有可靠的解决方案吗？

4

1 回答 1

0

页面上的许多 UI-Bootstrap-Datepicker 加载速度非常慢 - 我可以使用单个实例并移动元素吗？

   <p class="input-group">
    <span class="form-control" ng-if="!date.opened1">{{date.data1|date:format}}</span>
    <input type="text" class="form-control"
           ng-if="date.opened1" datepicker-popup="{{format}}" ng-model="date.data1"
           is-open="date.opened1"
           datepicker-options="dateOptions"
           close-text="Close"/>
        <span class="input-group-btn">
            <button type="button" class="btn btn-default" ng-click="open($event, date,1)">
                <i class="glyphicon glyphicon-calendar"></i>
            </button>
        </span>
</p>

代码

$scope.open = function($event,date,i) {
    $event.preventDefault();
    $event.stopPropagation();
    date['opened'+i] = !date['opened'+i];
 };

Plunkr 链接

于 2016-01-05T11:14:59.270 回答