为啥我的日历图标没有出现在表格单元格中？

Posted 2023-05-07

【中文标题】为啥我的日历图标没有出现在表格单元格中？

【英文标题】：Why doesn't my calendar icon appear in a table cell?为什么我的日历图标没有出现在表格单元格中？

【发布时间】：2019-09-24 22:25:55

【问题描述】：

我在表格中使用 Bootstrap 日期选择器，但我无法使用 fas fa-calendar-alt css 类放置日期选择器图标。

 <td>
     <input type="text" 
            id="expirydate$index"  
            class="form-control date-new date-only" 
            data-ng-init="onloadFun(this)"  
            ng-model="ven.expiryDate">

        <i class="fas fa-calendar-alt"></i>  
</td> 

我尝试了类似上面的方法，但它没有显示图标。

【问题讨论】：

Why my bootstrap-datepicker does not have icon-calendar?的可能重复

也许应该是 class="fa fa-calendar-alt" ?

“不能”是什么意思？文档中出现什么标记？您的 Font Awesome 库版本中是否存在该图标类？

您使用哪个日期选择器库将日期选择器与 AngularJS 框架集成？哪个版本的字体真棒？使用开发者控制台检查元素并诊断行为。创建一个MInimal, Complete, and Verifiable Example。

【参考方案1】：

也许检查你的文本框的位置。如果它覆盖了图标，它将不会显示（图标可能在您的输入字段后面）。如果是这种情况，您可以尝试使图标绝对位置和 z-index 大于 CSS 中的文本框。使用开发者工具进行检查也可能对您的问题有所帮助。