调整<nz-date-picker>（吴佐罗）宽度

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;
}