没有fontawesome的Angular 6，Bootstrap4的datetime选择器

Question

有人知道没有fontawesome或任何其他自定义字体作为依赖项的Angular 6 / Bootstrap 4的任何日期时间选择器吗？

Answer 1

您可以使用ng-pick-datetime并将fa-icon替换为所需的任何表示形式（另一个svg，png等）

只需通过以下方式安装它：

npm install ng-pick-datetime --save

如果您使用的是Angular CLI，则可以将其添加到styles.css：

@import "~ng-pick-datetime/assets/style/picker.min.css";

而不是（来自示例）：

<input [owlDateTime]="dt2" placeholder="Date Time">
<span [owlDateTimeTrigger]="dt2"><i class="fa fa-calendar"></i></span>
<owl-date-time #dt2></owl-date-time>

您可以通过以下方式简单地触发选择器：

<input [owlDateTime]="dt2" placeholder="Date Time">
<span [owlDateTimeTrigger]="dt2"><img src="path/to/file.png" alt="dp-icon" /></span>
<owl-date-time #dt2></owl-date-time>

请参阅how to use，以详细了解如何在您的角度项目中实施此软件包。

另一个想法可能是根据您对UX和设计的偏好而简单地使用bootstraps datepicker。