Ant Design nz-date-picker日期选择框宽度设置 - Angular

最新推荐文章于 2024-08-14 10:15:57 发布

survivorsfyh

最新推荐文章于 2024-08-14 10:15:57 发布

阅读量4.2k

点赞数 2

分类专栏： Angular 文章标签： angular

本文链接：https://blog.csdn.net/survivorsfyh/article/details/113615365

版权

Angular 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了解决使用Layout布局时，DatePicker日期选择框未能正确撑开宽度的问题。通过为DatePicker设置特定样式，使其能够与其他组件保持一致的外观。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用 Layout 布局后，子组件 DatePicker 日期选择框的样式未能与其他组件一样撑开，需要额外单独对其设置 style 即可，具体 code 如下：

style="width: 100%;"

<nz-col nzSpan="6">
    <nz-form-item class="item">
        <nz-form-label [nzSpan]="8">轮转结束时间</nz-form-label>
        <nz-form-control [nzSpan]="16">
            <nz-date-picker
                (ngModelChange)="onChange($event)"
                [(ngModel)]="dateEnd"
                formControlName="rotate_end_time"
                nzPlaceHolder="轮转结束时间"
                nzSize="small"
                style="width: 100%;"
            ></nz-date-picker>
        </nz-form-control>
    </nz-form-item>
</nz-col>

以上便是此次分享的全部内容，希望能对大家有所帮助！