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>

我使用以下方式调用editable：

$('#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>

所以我觉得应该有用。我该怎么办？

感谢您的帮助！

祝你好运，晏

Answer 1

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

检查此示例

https://jsfiddle.net/wfeog8mc/

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

Bootstrap x-editable combodate

1 个答案: