首页分享 input type=“date” 提示不显示

input type=“date” 提示不显示

来源：萌宠菠菠乐园时间：2024-11-15 07:11

在app中，引用 input 时间类型时，发现提示信息没有显示。
原本情况：
在这里插入图片描述
修改后如下：

HTML

<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>type="date" 提示不显示</title><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, minimum-scale=1, maximum-scale=1"></head><style type="text/css">input[name="time"]:before{color:#A9A9A9;content:attr(placeholder);}input[name="time"].full:before {color:black;content:""!important;}</style><body><input type="date" name="time" placeholder="请选择日期"><input type="datetime-local" name="time" placeholder="请选择日期"></body><script src="https://code.jquery.com/jquery-3.1.1.min.js"></script><script type="text/javascript">//input type=date 日期的提示清除$("input[name='time']").on("input",function(){if($(this).val().length>0){$(this).addClass("full");}else{$(this).removeClass("full");}});</script> </html>

1234567891011121314151617181920212223242526272829303132333435363738