Question

我目前有一个可编辑的datepicker字段列表，如下所示：

<a href="#" class="visit-date editable editable-click" id="visit-date531-396-1">05/01/2018*</a><br>
<a href="#" class="visit-date editable editable-click" id="visit-date531-397-1">05/03/2018*</a><br>
<a href="#" class="visit-date editable editable-click" id="visit-date531-377-1">05/10/2018*</a>

现在，当我点击这些字段时，datepicker字段本身为空白。这是因为带有*的每个元素的值无法解析为日期，因此它只是在字段中显示为空。

如何在编辑字段之前清理此值，以便日期显示在可编辑的表单文本框中？

我使用可编辑字段的value选项尝试了以下操作：

value:function(input) {
    return $(this).text().replace(/\*/g, '');
},

但是，这不起作用，实际上导致editableform完全失败（没有editableform加载）。

有什么想法吗？谢谢！

Answer 1

这与我尝试做的事情无关，但是，我在这里找到了这个问题：xeditable defaultViewDate option for datepicker doesn't work

这导致了data-value属性，该属性允许在HTML中设置可编辑的显式值。在找到答案之后，我注意到X-Editable文档中提到的这个属性，但它很明显地提到了，所以很容易错过。

我更改了我的html，以便它成为以下内容，这对我有用。

<a href="#" class="visit-date editable editable-click" id="visit-date531-396-1" data-value="05/01/2018">05/01/2018*</a><br>
<a href="#" class="visit-date editable editable-click" id="visit-date531-397-1" data-value="05/03/2018">05/03/2018*</a><br>
<a href="#" class="visit-date editable editable-click" id="visit-date531-377-1" data-value="05/10/2018">05/10/2018*</a>

在EditableForm打开时编辑X可编辑字段的值

1 个答案: