inputtype=date的兼容性等问题
HTML5 input date 移动端 IOS 不⽀持问题（不⽀持显⽰是：默认的样式是年/⽉/⽇然后是有上下⼩三⾓的箭头。）
桌⾯端（Mac）
Safari 不⽀持 datepicker，placeholder 正常显⽰。
Firefox 不⽀持 datepicker，placeholder 正常显⽰。
Chrome ⽀持 datepicker，显⽰ 年、⽉、⽇ 格式，忽略 placeholder。
移动端
iPhone5 iOS7 有 datepicker 功能，但是不显⽰ placeholder。
Andorid 4.0.4 ⽆ datepicker 功能，不显⽰ placeholder
从上⾯可以看出，iOS 上会有 date 不会显⽰ placeholder ⽂字，Android 部分机型没有 date 也不会显⽰ placeholder ⽂字。但是为了统⼀表单外观，往往需要显⽰。
解决⽅法：
先使其 type 为 text，此时⽀持 placeholder，当触摸或者聚焦的时候，使⽤ JS 切换使其触发 datepicker 功能。
<inputplaceholder="Date" class="textbox-n" type="text" onfocus="(pe='date')"  id="date">
还有个解决⽅法：先删除他的placeholder的属性再添加上。
$("input[type='date']").bind({
focus:function(){ $(this).removeAttr("placeholder"); },
input标签placeholder属性blur:function(){
if($(this).val()== ''){ $(this).attr("placeholder","⽇期的默认值"); }
}
})

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。