<div class="input clearfix"><label class="fl">起始日期</label><input class="fl text_date" type="date" name="" value="" placeholder="年/月/日" /></div><div class="input clearfix"><label class="fl">終止日期</label><input class="fl text_date" type="date" name="" value="" placeholder="年/月/日" /></div>

css:

input[type="date"]:before{content: attr(placeholder);color:#ccc; }

用戶選了日期以后我們模擬的默認(rèn)文字還在，所以在用戶選擇的時(shí)候就刪除此屬性，之后需要的話再添加回來。

js:

$('.text_date').focus(function(){$(this).removeAttr('placeholder');});$('.text_date').blur(function(){if(this.value == ''){$(this).attr('placeholder','年/月/日');}});

?

更多專業(yè)前端知識(shí)，請(qǐng)上 【猿2048】www.mk2048.com

總結(jié)

以上是生活随笔為你收集整理的手机端input[type=date]的placeholder不起作用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。