Jquery UI日期选择器不关注输入

我正在尝试使用jquery ui日期选择器创建一个表单
除了由于我更改了输入字段的设计，所以在选择日期时不会删除占位符属性之外，其他一切都很完美

这是小提琴：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，但这并没有解决问题

如果能解决这个问题，我会非常高兴。