具有日期和ng-repeat的Angular-xeditable (Bs3)

Question

我尝试扩展一个特定的角度可编辑行(Bs3)示例，添加字段"date of birth“

我已经创建了一个jsfiddle来描述这个问题

http://jsfiddle.net/ffgj62q0/ (右链接)

<div ng-app="app" ng-controller="Ctrl">
<table class="table table-bordered table-hover table-condensed">
    <tr style="font-weight: bold">
        <td style="width:35%">Name</td>
        <td style="width:20%">Date of b</td>
        <td style="width:10%">Status</td>
        <td style="width:10%">Group</td>
        <td style="width:25%">Edit</td>
    </tr>
    <tr ng-repeat="user in users">
        <td>
            <!-- editable username (text with validation) --> <span editable-text="user.name" e-name="name" e-form="rowform" onbeforesave="checkName($data, user.id)" e-required>
      {{ user.name || 'empty' }}
    </span>

        </td>
        <td> <a href="#" editable-bsdate="user.dob" e-name="dob" e-datepicker-popup>
        {{ (user.dob | date:"dd/MM/yyyy") || 'empty' }}
      </a>

        </td>

未显示弹出窗口。:-(

我发现这个例子只适用于一个日期字段。

http://plnkr.co/edit/Y4ilZ4rITYnjAyq2xAUa?p=preview

有什么建议可以解决这个特定的问题吗？

关于C.

Answer 1

我使用了fiddle (还更新了一些资源，例如在jsfiddle的javascript设置中将angularjs设置为1.4.8 -“框架和扩展”，并从jsFiddle的外部资源中删除了angular.min.js )。

然后我添加了一些缺少的东西，比如在angular-xeditable站点(http://jsfiddle.net/cewm89y3/5/)上的解释

1. I将缺少的ui-bootstrap依赖项添加到jsfiddle的资源和模块中。
2. 还添加了e-is-open和e-ng-click属性，与angular-xeditable，

中的示例相同

..。在我的小提琴里，日期选择器打开了。

Answer 2

这是X可编辑js的问题。

更改x-editable.js

设置为angular-xeditable 0.1.9