使用自定义svg为ng-bootstrap datepicker中的下一个和上一个箭头按钮

时间:2017-02-07 01:25:19

标签: angular svg datepicker ng-bootstrap

我有自定义SVG图像,我想在ng-bootstrap datepicker中使用它来替换默认的上一个和下一个按钮。

作为此Angular 2组件的用户。我想在我自己的代码中执行此操作,覆盖或扩展其中一个组件。

我的第一步是将这些SVG图像用作Angular 2组件。我可以在自己的应用程序和组件中执行此操作。但我无法直接访问HTML呈现日期选择器,因此我无法在ng-bootstrap datepicker中使用这些自定义SVG。

1 个答案:

答案 0 :(得分:1)

不幸的是,当前版本的ng-bootstrap并不支持日期选择器中的自定义箭头按钮。

我看到的唯一自定义方法是覆盖渲染它们的CSS:https://github.com/ng-bootstrap/ng-bootstrap/blob/d88c8b7391bb42c4bdae24652bc529616c90fa8c/src/datepicker/datepicker-navigation.ts#L18-L35

您可以将自定义SVG作为CSS的背景图片,但我认为您将失去" hover"对它的影响(如果你有一些)。