<input type="date">和<input type="time">在Mac Safari浏览器中无法正常显示

来源:2-14 HTML5中新增的表单控件

_ZaneLiu_

2021-02-03 19:16:11

问题描述:

<input type="date">和<input type="time">在Mac Safari浏览器中无法正常显示,显示一个输入框,这个应该怎么解决呢?学生使用的是Safari14.0.3 版本

相关代码:

<!-- 日期选择控件 -->
<input type="date">
<!-- 时间选择控件 -->
<input type="time">

相关截图:

http://img.mukewang.com/climg/601a85b40921761c03160032.jpg

尝试过的解决方式:

在chrome中浏览器中可以正常使用,但是想适配Safari浏览器该如何?

写回答

1回答

好帮手慕久久

2021-02-04

同学你好,这两个类型的input框本身就不支持safari浏览器,以date为例:

http://img.mukewang.com/climg/601b516409662cad11590564.jpg

所以在safari浏览器上不能直接使用这两个标签。

如果想要date这个控件的效果,可以使用插件,比如下面这种形式:

http://img.mukewang.com/climg/601b51d60994246c09500429.jpg

同学暂时知道有“插件”这个东西即可。学了js之后,我们会接触一些插件的内容,那时候同学再尝试自己学习使用即可。

祝学习愉快!

0

0 学习 · 15276 问题

查看课程