解决原生date输入框placeholder以及适配问题

placeholder解决方案

input::before{
    content:attr(placeholder)
}
input::-webkit-datetime-edit-fields-wrapper{
    display: none;
}

各大浏览器的默认样式都不相同

适配如下

input.notEmpty::before{
    content:attr(val)
}

const i = document.querySelector('input');
i.addEventListener('change', () =>{
  i.setAttribute('val',i.value)
  i.classList[i.value?'add':'remove']('notEmpty')
})

这样可以适配edge，chrome，safari等的浏览器，其他内核（Firefox）的浏览器暂不可用