调整 <nz-date-picker> (Ng-Zorro) 宽度

Question

我正在使用 Ng-Zorro 进行模板样式设置，目前正在实现一个日期选择器，我希望它与上面的下拉菜单齐平。

我想在模板中手动调整日期选择器的宽度，但我看到link 说宽度无法调整...

尝试 html 内联样式并没有做任何事情，所以现在我很好奇是否有人能够使用 Ng-Zorro 重新调整 nz-date-picker 的宽度。

Answer 1

可能你需要先设置<nz-date-picker>display:block

然后设置span class="ant-calendar-picker"width:100%

希望这可以帮助你。

Answer 2

将以下内容添加到您的组件样式应该适合您。其他回复中提到的其他样式对我来说不是必需的。

nz-date-picker {
  display: block;
}