Angularjs 引导程序的日期选择器角度指令未显示

Angularjs 引导程序的日期选择器角度指令未显示,angularjs,twitter-bootstrap,datepicker,angular-ui-bootstrap,Angularjs,Twitter Bootstrap,Datepicker,Angular Ui Bootstrap,在我的Angular项目中,我尝试将Angular指令用于引导,但它没有出现 我已链接到,并且 在我的index.html和我的app.js中,我将ui.bootstrap作为依赖项 angular .module('myApp', ['ui.bootstrap']) 我有什么明显的遗漏吗 我试图在ng repeat中的ng开关内使用uib datepicker popup,但我不明白这会导致任何问题: <div class="form-group" ng-repeat="fie

在我的Angular项目中,我尝试将Angular指令用于引导,但它没有出现

我已链接到
,并且
在我的index.html和我的app.js中,我将
ui.bootstrap
作为依赖项

angular
    .module('myApp', ['ui.bootstrap'])
我有什么明显的遗漏吗

我试图在ng repeat中的ng开关内使用
uib datepicker popup
,但我不明白这会导致任何问题:

<div class="form-group" ng-repeat="field in vm.fields">
    <label for="{{ field.propertyName }}">
        <h5><span translate="{{ field.translate }}"></span>
            <span class="form-control-required" ng-show="{{field.required}}">*</span>
        </h5>
    </label>
    <div ng-switch="field.type" ng-class="{ 'input-group': field.type === 'date' }">
        <select ng-switch-when="gender"
                name="{{ field.propertyName }}" id="{{ field.propertyName }}"
                ng-model="vm.model[field.propertyName]" class="form-control"
                ng-required="{{ field.required }}">
            <option value="m">Male</option>
            <option value="f">Female</option>
        </select>
        <textarea ng-switch-when="textarea"
                  name="{{ field.propertyName }}" id="{{ field.propertyName }}"
                  class="form-control" ng-model="vm.model[field.propertyName]"
                  ng-required="{{ field.required }}"></textarea>
        <input ng-switch-when="date"
               type="date" uib-datepicker-popup="dd/MM/yyyy" 
               show-weeks="false" is-open="vm.datePickerOpen"
               name="{{ field.propertyName }}" id="{{ field.propertyName }}"
               class="form-control pull-left" ng-model="vm.model[field.propertyName]"
               ng-required="{{ field.required }}">
        <span class="input-group-btn btn-" ng-if="field.type === 'date'">
            <button type="button" class="btn btn-primary" 
                    ng-click="vm.openDatePicker($event)">
                <i class="glyphicon glyphicon-calendar"></i>
            </button>
        </span>
        <input ng-switch-default=""
               type="{{ field.type }}" name="{{ field.propertyName }}" id="{{ field.propertyName }}"
               class="form-control pull-left" ng-model="vm.model[field.propertyName]"
               ng-required="{{ field.required }}">
    </div>
</div>

上的文档显然是针对较新版本的。通过将
uib日期选择器弹出窗口
更改为
datepicker弹出窗口
,它工作了

我还不得不将
更改为
,因为:


它现在正在工作。有关引导的Angular指令的文档应该提到使用uib日期选择器的版本以及日期选择器适用的位置。

对于那些搜索,我也有同样的问题,这解决了我的问题。添加并注入“时刻”:

然后:


也有类似的问题。 经过两个小时的挖掘和尝试,我终于能够用


在进一步搜索之后,我找到了这本迁移指南,现在知道添加uib的前缀更改是从0.14.0版开始的:谢谢你的提问和回答。我被这个控制弄糊涂了。对我来说,这是工作使用,而不是反过来。哪些与文档不一致???只要它有效,我想这是最重要的@cyoung检查您正在运行哪个版本的UI引导。uib前缀是在0.14.0中引入的。因此,您可能正在运行旧版本。
vm.datePickerOpen = false;

vm.openDatePicker = function($event) {
    vm.datePickerOpen = true;
};
$scope.object.moment = moment();
$scope.object.date = $scope.object.moment.toDate(); 
<datepicker ng-model="object.date"></datepicker>
//after we fetch the model (user) data make the needed field a Date object
user.birthday = new Date(user.birthday);