ng-zrro nz-date-picker 验证时图标无样式

您好！感谢您的提问。我理解您的意思是在使用 `ng-zorro` 的日期选择器 `nz-date-picker` 进行验证时，图标无样式，可能是显示不出来或者显示为默认样式。这种情况通常是由于 CSS 样式未正确加载或者未正确引用所导致的。

您可以检查以下几个方面来解决这个问题：

1. 确认是否正确引用了 `ng-zorro` 的样式文件，在 `angular.json` 或者 `index.html` 文件中引入了 `ng-zorro-antd.min.css` 文件。

2. 确认是否正确引用了 `font-awesome` 的样式文件，在 `angular.json` 或者 `index.html` 文件中引入了 `font-awesome.min.css` 文件。

3. 如果以上两点都没有问题，可以尝试手动添加样式来解决问题，例如：

:host ::ng-deep .ant-form-item-explain-icon {
  display: inline-block;
  font-size: 12px;
  margin-left: 5px;
  color: #ff4d4f;
}

以上是一些可能的解决方案，希望能帮助到您！如果还有其他问题，请随时提出。

相关问题

ng-zrro nz-date-picker 限制选择当前日期及之前

你可以使用 `[nzDisabledDate]` 属性来限制选择当前日期及之前的日期。具体代码如下：

<nz-date-picker [nzDisabledDate]="disabledDate"></nz-date-picker>

disabledDate = (current: Date): boolean => {
  const today = new Date();
  return current.getTime() <= today.getTime();
};

在上面的代码中，我们定义了一个 `disabledDate` 方法，用来判断当前日期是否可以选择。如果当前日期小于等于今天的日期，则返回 `true`，表示该日期不可选。在模板中，我们将 `disabledDate` 方法绑定到 `[nzDisabledDate]` 属性上，这样就可以实现限制选择当前日期及之前的日期的效果了。

ng-zrro nz-date-picker 限制选择当前日期及之后

你可以使用 `[nzDisabledDate]` 属性来限制选择当前日期及之后的日期。具体实现步骤如下：

1. 在组件中添加 `nzDisabledDate` 方法来定义禁用日期的规则，如下所示：

<nz-date-picker [nzDisabledDate]="disabledDate"></nz-date-picker>

disabledDate = (current: Date): boolean => {
  const today = new Date();
  return current.getTime() > today.getTime();
};

2. 在 `nzDisabledDate` 方法中，判断当前日期是否大于今天的日期，如果大于则禁用该日期，反之则可选。

这样，就可以限制选择当前日期及之后的日期了。