Bootstrap x-editable combodate

Question

我最近一直在玩Bootstrap的X-editable。我正在编程一个网页，显示来自MySQL数据库的数据。当我点击一个按钮时，我希望我的所有数据都变成可编辑的。当我单击保存时，页面会自动将更改保存到MySQL中。

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

下面是一个工作部分的示例：

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

我使用以下代码调用可编辑的

$('#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代码检查器(在使用了editable之后)，我会得到以下结果：

<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>

所以我认为它应该行得通。我应该如何继续？

谢谢你的帮忙!

致以最好的问候，Yann

Answer 1

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

检查此示例

https://jsfiddle.net/wfeog8mc/

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