“联系表格 7”日期字段无法正常工作

Posted 2023-05-07

【中文标题】“联系表格 7”日期字段无法正常工作

【英文标题】："Contact Form 7" date field not working properly

【发布时间】：2014-05-08 23:38:29

【问题描述】：

我在 WP 博客 https://vsupholstery.com/ 上安装了“联系表格 7”插件，并在该表格中添加了日期字段（表格位于滑块下方）。问题是日期字段在 Firefox、IE 和 Safari 中不起作用，因此我从该页面 http://wordpress.org/plugins/contact-form-7-datepicker/ 安装了附加插件。现在日期字段工作正常，当您在日期字段内单击时它会显示日历，但日历样式不起作用。

知道如何解决这个问题，因为我尝试了很多东西但没有任何效果。

谢谢。

【参考方案1】：

请在您的主题的functions.php中添加以下代码

add_filter( 'wpcf7_support_html5_fallback', '__return_true' );

【讨论】：

这对我没有任何作用。文档说要“激活它”，但没有说明如何做到这一点。

这可行，但使用需要点击每个月的日期选择器。如果日期选择器用于选择出生日期，则不理想。

【参考方案2】：

将此脚本添加到您的主题函数文件functions.php中

add_filter( 'wpcf7_support_html5_fallback', '__return_true' );

那么你的自定义 CSS 中也需要这个：

div#ui-datepicker-div z-index:1000!important;

日期字段看起来仍然是空白，但是当您单击该字段时，日期选择器会弹出并显示日历！