Jquery UI Datepicker не фокусирует ввод

Я пытаюсь создать форму с помощью 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, но это не решило проблему.

Я был бы очень рад найти решение этой проблемы.


person Schwesi    schedule 31.03.2015    source источник


Ответы (1)


Я обновил вашу скрипку,

Я добавил два события в каждое из текстовых полей для заполнителя.

onfocus="this.placeholder = ''" onblur="this.placeholder = 'Input1: Working just fine'"

Скрипт: https://jsfiddle.net/deqguphb/4/

Вам нужно использовать фокус и событие размытия для текстового поля.

Надеюсь, что это поможет вам :)

person Bhargav Bhanderi    schedule 31.03.2015
comment
Спасибо за ваш ответ! К сожалению, я не решил проблему. После того, как дата выбрана, метка все еще находится «под» датой. - person Schwesi; 31.03.2015