Bootstrap UI Datepicker块模糊事件

时间:2014-02-06 11:59:31

标签: angularjs datepicker angular-ui-bootstrap onblur

我想要一张类似excel的表。除了datepicker(http://angular-ui.github.io/bootstrap/)之外,我的所有字段都有它 当我双击日期字段进行更新时,即使输入字段上有自动对焦,也不会显示日期选择器。 当我选择日期时会触发模糊事件,但是日期选择器不会更改该值。 如果我从输入字段中删除ng-blur事件,则自动对焦起作用(因此,如果我双击该字段,则会出现日期选择器)并且日期会发生变化,但显然我无法捕捉模糊事件。 doneEditing函数用于存储对数据库的更改并使字段可编辑(显示范围或输入文本)。

这是代码:

<div style="width: 70px; height:30px" ng-dblclick = "startEditing(item)" ng-hide="item.editing">
<span>{{item.date | date:"dd.MM.yyyy"}</span>
</div>
<form ng-show="item.editing" ng-submit="doneEditing(item)">
<input type="text" ng-focus="focusEditing(item)" ng-blur="doneEditing(item)" class="form-control" datepicker-popup="dd.MM.yyyy" ng-model="item.date" required autofocus readonly/>
</form>

0 个答案:

没有答案