Редактирование значения поля X-Editable при открытии EditableForm - PullRequest
Новая
       28

Редактирование значения поля X-Editable при открытии EditableForm

0 голосов
/ 18 мая 2018

В настоящее время у меня есть список редактируемых полей 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, '');
},

Однако, это не работает и фактически вызываетРедактируемая форма полностью потерпела неудачу (без загрузки редактируемой формы).

Есть идеи?Спасибо!

1 Ответ

0 голосов
/ 18 мая 2018

Это никак не связано с тем, что я пытаюсь сделать, однако я нашел этот вопрос здесь: xeditable опция defaultViewDate для datepicker не работает

Это привело меня к атрибуту 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>
...