ng-zorro组件库中 DatePicker 日期选择器的ngModelChange事件触发为获取到值

这可能是因为 `ngModelChange` 事件是在用户输入值之后立即触发的，而 `DatePicker` 组件的日期选择器需要用户先选择日期才能触发 `ngModelChange` 事件。因此，如果用户没有选择日期，`ngModelChange` 事件就不会触发，也就无法获取到值。你可以尝试使用 `nzOnPanelChange` 事件来代替 `ngModelChange` 事件，它会在用户选择日期时触发，并且能够获取到选择的日期值。

相关问题

ng-zorro组件库中 DatePicker 日期选择器的ngModelChange事件未触发

可能的原因是您没有正确地绑定ngModelChange事件或者ngModel值没有改变。请检查以下几个方面：

1. 确认您正确地绑定了ngModelChange事件。例如，您的代码应该类似于这样：

<nz-date-picker [(ngModel)]="date" (ngModelChange)="onChange($event)"></nz-date-picker>

2. 确认ngModel值确实已经改变了。您可以在onChange()函数中打印出ngModel的值来确认是否发生了变化。

3. 如果绑定了ngModelChange事件但是仍然没有触发，请检查是否有其他代码阻止了事件的传播。您可以在onChange()函数中添加一个console.log()语句来确认事件是否被正确地触发了。

如果您仍然无法解决问题，请提供更多的代码和错误信息，以便我们更好地帮助您解决问题。

ng-zorro组件中 DatePicker设置开始时间默认为当前时间，结束时间限制为一周内

可以通过设置DatePicker的nzDefaultPickerValue属性来设置开始时间为当前时间。而限制结束时间为一周内，可以通过设置DatePicker的nzDisabledDate属性来实现。代码示例如下：

<nz-date-picker [nzDefaultPickerValue]="currentDate" [nzDisabledDate]="disabledEndDate"></nz-date-picker>

import { Component } from '@angular/core';
import * as moment from 'moment';

@Component({
  selector: 'app-date-picker',
  templateUrl: './date-picker.component.html',
  styleUrls: ['./date-picker.component.scss']
})
export class DatePickerComponent {
  currentDate = moment();
  disabledEndDate = (endValue: Date) => {
    if (!endValue || !this.currentDate) {
      return false;
    }
    return endValue.getTime() - this.currentDate.toDate().getTime() > 7 * 24 * 60 * 60 * 1000;
  }
}

在上面的代码中，我们通过moment.js库获取当前时间并赋值给currentDate变量。然后通过disabledEndDate函数来限制结束时间，在这个函数中，我们判断所选日期与开始时间之间的时间间隔是否超过了7天，如果超过了则返回true，否则返回false。最终将disabledEndDate函数赋值给DatePicker的nzDisabledDate属性即可实现结束时间的限制。