手機端input[type=date]的placeholder不起作用

　　　　　<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;
}

用戶選了日期以後我們模擬的預設文字還在，所以在用戶選擇的時候就刪除此屬性，之後需要的話再添加回來。

js:

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