Question

我尝试扩展Angular-xeditable可编辑行（Bs3）的特定示例，添加字段“出生日期”

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

<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

有什么提示可以解决这个具体问题吗？

此致下进行。

Answer 1

我分叉你的小提琴（也更新了一些资源，例如在jsfiddle的javascript设置上将angularjs设置为1.4.8 - “FRAMEWORKS AND EXTENSIONS”，并从jsFiddle的外部资源中删除了angular.min.js。） / p>

然后我添加了一些缺失的内容，例如在angular-xeditable网站（http://jsfiddle.net/cewm89y3/5/）上解释

我在jsfiddle的资源和模块中添加了ui-bootstrap缺少的依赖项。
还添加了e-is-open和e-ng-click属性，就像angular-xeditable中的示例一样，

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

Answer 2

X-editable js是个问题。

更改了x-editable.js

到angular-xeditable - 0.1.9

具有日期和ng重复的角度可编辑可编辑（Bs3）

2 个答案: