jquery 更改或隐藏HTML5日期选择器中的占位符

6tqwzwtp  于 2023-03-22  发布在  jQuery
关注(0)|答案(2)|浏览(115)

我的网站里有一个html5的日期选择器,问题是占位符是默认的计算机区域设置,但事实上我的网站支持多语言,例如英语/日语/等...所以我想知道我怎么才能改变占位符,如果它是不可行的,那么我怎么才能隐藏占位符?
谢谢你帮忙

**更新:**html代码(datepicker是由wordpress中的ContactForm 7插件生成的,但看起来很像原生的html5插件)

<input type="date" name="date" value="" class="wpcf7-form-control wpcf7-date wpcf7-validates-as-date required" min="2015-03-18" aria-invalid="false">
92dk7w1h

92dk7w1h1#

您可以使用CSS更改默认占位符。请检查此答案https://stackoverflow.com/a/22020200/909535

yuvru6vn

yuvru6vn2#

这是一个有点老的问题,但对于任何人面临这样的问题,你可以做到这一点,通过做以下事情;
请注意:placeholder属性不适用于输入类型Date。您可以使用输入字段中的onfocus=”(this.type=’date’)onblur=”(this.type=’text’)作为此缺点的本机解决方案

<input type="text" placeholder="your custom placeholder"
        onfocus="(this.type='date')"
        onblur="(this.type='text')">

相关问题