Angular 6 的日期时间选择器，没有字体的 Bootstrap4

Question

有谁知道 Angular 6 / Bootstrap 4 的任何日期时间选择器，它没有 fontawesome 或任何其他自定义字体作为依赖项，并且可以与 IE 11 一起使用？

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，了解有关在您的 Angular 项目中实现此包的更多详细信息。

另一个想法可能是简单地使用 bootstraps datepicker，具体取决于您对 UX 和设计的偏好。