input type=date 没有placeholder效果

方法一

html 

<input placeholder="选择开始时间" name="date1" type="date">

css

input[name="date1"]:before{

    content:attr(placeholder);

}

input[name="date1"].selected:before {

    content:""!important;

}

js

$("input[name='date1']").on("input", function () {

        if ($(this).val().length > 0) {

            $(this).addClass("selected");

        } else {

            $(this).removeClass("selected");

        }

    });

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容