Bootstrap x 可编辑组合

Question

我最近一直在为 Bootstrap 使用 X-editable。我正在编写一个显示来自 MySQL 数据库的数据的网页。当我点击一个按钮时，我希望我所有的数据都变成可编辑的。当我点击保存时，页面会自动保存 MySQL.

中的更改

我已经成功地为文本字段和列表编写了这个程序。但我不能让它与日期一起使用。也许有人有想法可以帮助我？

这是有效部分的示例：

<li id="f-name"><span>Name</span><a href="#" data-type="text" data-pk="1">John</a></li>

我用下面的代码调用editable

$('#f-name').children('a').editable({
        placement: 'bottom'
    });

并且我可以使用jQuery通过此代码获取值（修改后）

var $val=$('#f-name').children('a').html();

到目前为止，代码运行良好。但现在让我们看看不起作用的部分：

<li id="f-date"><span>Date: </span><a href="#" data-type="combodate" data-value="30 Apr 2016" data-format="DD MMM YYYY" data-viewformat="DD MMM YYYY" data-template="DD MMM YYYY" data-pk="1"></a></li>

我调用可编辑使用：

$('#f-date').children('a').editable({
    placement: 'bottom',
});

我试过使用与以前相同的 $('#f-date').children('a').html(); 代码，但没有成功。如果我打印它，它会显示 Undefined。我真的不明白。如果我查看 Google Chrome 代码检查器（在使用可编辑项之后），我得到以下信息：

<a href="#" data-type="combodate" data-value="" data-format="DD MMM YYYY" data-viewformat="DD MMM YYYY" data-template="DD MMM YYYY" data-pk="1" class="editable editable-click editable-unsaved" data-original-title="" title="" style="background-color: rgba(0, 0, 0, 0);">17 Jan 1999</a>

所以我认为它应该有效。我该如何进行？

感谢您的帮助！

此致，雅恩

Answer 1

您应该使用 $('#f-date').find('a').text(); 将值检索为文本。

检查这个例子

https://jsfiddle.net/wfeog8mc/

您也可以使用 params.newValue 从 x-editable 事件中获取值，但我现在查看它，它可能不是 UNIX 时间戳...

Bootstrap x 可编辑组合

Bootstrap x-editable combodate

jquery

twitter-bootstrap

x-editable