我有自定义SVG图像,我想在ng-bootstrap datepicker中使用它来替换默认的上一个和下一个按钮。
作为此Angular 2组件的用户。我想在我自己的代码中执行此操作,覆盖或扩展其中一个组件。
我的第一步是将这些SVG图像用作Angular 2组件。我可以在自己的应用程序和组件中执行此操作。但我无法直接访问HTML呈现日期选择器,因此我无法在ng-bootstrap datepicker中使用这些自定义SVG。
答案 0 :(得分:1)
不幸的是,当前版本的ng-bootstrap
并不支持日期选择器中的自定义箭头按钮。
我看到的唯一自定义方法是覆盖渲染它们的CSS:https://github.com/ng-bootstrap/ng-bootstrap/blob/d88c8b7391bb42c4bdae24652bc529616c90fa8c/src/datepicker/datepicker-navigation.ts#L18-L35
您可以将自定义SVG作为CSS的背景图片,但我认为您将失去" hover"对它的影响(如果你有一些)。