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