输入日期不适用于safari

Question

日期日历在Safari浏览器上不起作用，但在其他浏览器上正常工作。

这是输入日期的代码：

<div class="col-lg-4 col-xs-6">
    <label for="exampleInputEmail1">Date de :</label>
    <input type="date" required class="form-control" ng-model="date_debutOP">
</div>

Answer 1

根据MDN，

  

输入[type = date]已被识别，但没有用户界面。

意思是，浏览器没有这种输入控件的类似日历的显示。

您还可以参考caniuse.com来检查此类功能的兼容性。

Answer 2

输入类型日期是n较新的日期，每个浏览器都不支持。它只是一个字段验证，在某些浏览器中有一个日期选择器。 首先是Chrome，现在也是Firefox / ....

您可以使用它而非常简单： JavaScript Datepicker

Answer 3

也许有点晚了，但迟到总比没有好;-) 这对我有用：

将此添加到您的 functions.php：

add_filter( 'wpcf7_support_html5_fallback', '__return_true' );

然后将其添加到您的自定义 css 中：

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

输入字段看起来仍然是空的，但是当你点击它时，它会打开日期选择器。