nz-date-picker修改图标

如果你想要修改 nz-date-picker 组件中的图标，可以通过以下两种方式实现：

1. 使用自定义图标

你可以使用自定义图标替换 nz-date-picker 中的默认图标。具体步骤如下：

- 在样式文件中导入自定义图标：

@font-face {
  font-family: "custom-icon";
  src: url("path/to/custom-icon.eot");
  src: url("path/to/custom-icon.eot?#iefix") format("embedded-opentype"),
       url("path/to/custom-icon.woff") format("woff"),
       url("path/to/custom-icon.ttf") format("truetype"),
       url("path/to/custom-icon.svg#custom-icon") format("svg");
}

.icon-custom {
  font-family: "custom-icon";
  font-size: 16px;
}

- 在组件中使用自定义图标：

<nz-date-picker [nzRenderExtraFooter]="extraFooter">
  <ng-template #extraFooter>
    <i class="icon-custom">自定义图标</i>
  </ng-template>
</nz-date-picker>

2. 修改默认图标

你也可以直接修改 nz-date-picker 中的默认图标，具体步骤如下：

- 在样式文件中修改默认图标：

.anticon-calendar:before {
  content: "\xxxx"; // 使用 Unicode 编码替换默认图标
}

- 在组件中使用修改后的默认图标：

<nz-date-picker [nzRenderExtraFooter]="extraFooter">
  <ng-template #extraFooter>
    <i class="anticon anticon-calendar"></i>
  </ng-template>
</nz-date-picker>

其中，`\xxxx` 为 Unicode 编码，可以使用在线工具查询和生成。