如何消除日期选择器（材料）中的双值变化？

Question

具有valueChanges的datepicker（材料设计）组件存在问题。当我们使用最小/最大输入时，会发生双重变化。因此，例如，我们收到了两个到服务器的请求，而不是一个。

Example

Answer 1

使用distinctUntilChanged：

Stackblitz

this.form.valueChanges.pipe(
  distinctUntilChanged(
    (p, n) => p.fromDate === n.fromDate && p.toDate === n.toDate
  )
).subscribe(value => {
  this.count += 1;
  console.log(value);
});