Я пытаюсь создать форму с помощью jquery ui datepicker.
Все работает отлично, за исключением того, что, поскольку я изменил дизайн полей ввода, атрибут заполнителя не удаляется при выборе даты.
Вот скрипка: https://jsfiddle.net/deqguphb/
HTML< /сильный>
<form>
<ol>
<li>
<input id="input1" name="input1" value="" placeholder="Input1: Working just fine"/>
<label for="input1">Input1</label>
</li>
<li>
<input id="input2" name="input2" value="" placeholder="Input2: The placeholder stays" />
<label for="input2">Input2</label>
</li>
<li>
<input id="input3" name="input2" value="" placeholder="Input3: The placeholder stays" />
<label for="input3">Input3</label>
</li>
</ol>
</form>
JavaScript
/* The focus effect */
$("input:not([value]),input[value='']").addClass('empty');
/* Input event handling */
$('input').on('input keyup', function() {
$(this).toggleClass('empty', !Boolean($(this).val()));
});
Я не знаю, какое событие запускается после выбора даты. Я пытался использовать onKeyup и onChange, но это не решило проблему.
Я был бы очень рад найти решение этой проблемы.