Jquery UI日期選擇器不重點輸入

Question

我想創建一個使用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，但這並沒有解決問題。

我會爲此感到高興的解決方案。

Answer 1

我已經更新了你的小提琴，

我已經添加了兩個事件給你的文本框的佔位符的每一個。

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

小提琴是：https://jsfiddle.net/deqguphb/4/

您需要使用重點和文本模糊事件。

希望這會幫助你:)