时间戳

首页 > 解决方案 > 如何使 Font Awesome Icon 启动本机浏览器日期选择器？

javascript - 如何使 Font Awesome Icon 启动本机浏览器日期选择器？

问题描述

我有一个日期输入，旁边有一个很棒的字体。如何使字体 Awesome Icon Launches 成为默认浏览器日期选择器？

<input type="date">
<span (click)="launchHereDatePicker()" class="fa fa-search facturas col-sm-1 "></span>

我怎么能做到这一点？

标签： javascripthtml

解决方案

大多数浏览器会尝试关注表单控件。在这种情况下，我将图标包装在一个标签中，即for日期元素。这样浏览器就知道要关注什么了。不幸的是，截至目前，Chrome 78 将集中控制但不会打开日期选择器，因此这不是所有浏览器的完美解决方案，但可能足以满足您的需求。

<input id="date" type="date">
<label for="date">
  <span class="fa fa-search facturas col-sm-1">icon</span>
</label>

推荐阅读