fix(module:date-picker): modify date-fns week-year format (#5753)

close #5327

components/date-picker/date-picker.component.spec.ts

@@ -384,6 +384,7 @@ describe('NzDatePickerComponent', () => {
     }));
 
     it('should support nzDefaultPickerValue', fakeAsync(() => {
+      fixture.detectChanges();
       fixtureInstance.nzDefaultPickerValue = new Date('2015-09-17');
       fixture.detectChanges();
       flush();

components/date-picker/date-picker.component.ts

@@ -226,7 +226,7 @@ export class NzDatePickerComponent implements OnInit, OnChanges, OnDestroy, Cont
     // Default format when it's empty
     if (!this.nzFormat) {
       if (this.showWeek) {
-        this.nzFormat = 'yyyy-ww'; // Format for week
+        this.nzFormat = this.i18n.getDateLocale() ? 'RRRR-II' : 'yyyy-ww'; // Format for week
       } else {
         this.nzFormat = this.nzShowTime ? 'yyyy-MM-dd HH:mm:ss' : 'yyyy-MM-dd';
       }

components/date-picker/date-picker.service.ts

@@ -56,8 +56,10 @@ export class DatePickerService implements OnDestroy {
   }
 
   setValue(value: CompatibleValue): void {
-    this.value = value;
-    this.valueChange$.next(this.value);
+    if (value !== this.value) {
+      this.value = value;
+      this.valueChange$.next(this.value);
+    }
   }
 
   getActiveIndex(part: RangePartType = this.activeInput): number {

components/date-picker/date-range-popup.component.ts

@@ -181,6 +181,9 @@ export class DateRangePopupComponent implements OnInit, OnChanges, OnDestroy {
     if (changes.panelMode) {
       this.endPanelMode = this.panelMode;
     }
+    if (changes.defaultPickerValue) {
+      this.initActiveDate();
+    }
   }
 
   ngOnDestroy(): void {

components/date-picker/picker.component.ts

@@ -189,7 +189,7 @@ export class NzPickerComponent implements OnInit, AfterViewInit, OnChanges, OnDe
   destroy$ = new Subject();
   prefixCls = PREFIX_CLASS;
   // Index signature in type 'string | string[]' only permits reading
-  inputValue: NzSafeAny;
+  inputValue: NzSafeAny = '';
   activeBarStyle: object = { position: 'absolute' };
   animationOpenState = false;
   overlayOpen: boolean = false; // Available when "open"=undefined
@@ -238,22 +238,20 @@ export class NzPickerComponent implements OnInit, AfterViewInit, OnChanges, OnDe
   constructor(
     private elementRef: ElementRef,
     private dateHelper: DateHelperService,
-    private changeDetector: ChangeDetectorRef,
+    private cdr: ChangeDetectorRef,
     private platform: Platform,
     public datePickerService: DatePickerService,
     @Inject(DOCUMENT) doc: NzSafeAny
   ) {
     this.document = doc;
     this.origin = new CdkOverlayOrigin(this.elementRef);
-    this.updateInputValue();
   }
 
   ngOnInit(): void {
     this.inputSize = Math.max(10, this.format.length) + 2;
 
     this.datePickerService.valueChange$.pipe(takeUntil(this.destroy$)).subscribe(() => {
       this.updateInputValue();
-      this.changeDetector.markForCheck();
     });
   }
 
@@ -285,7 +283,7 @@ export class NzPickerComponent implements OnInit, AfterViewInit, OnChanges, OnDe
         this.focus();
       }
       this.panel?.cdr.markForCheck();
-      this.changeDetector.markForCheck();
+      this.cdr.markForCheck();
     });
   }
 
@@ -386,7 +384,7 @@ export class NzPickerComponent implements OnInit, AfterViewInit, OnChanges, OnDe
   onPositionChange(position: ConnectedOverlayPositionChange): void {
     this.currentPositionX = position.connectionPair.originX;
     this.currentPositionY = position.connectionPair.originY;
-    this.changeDetector.detectChanges(); // Take side-effects to position styles
+    this.cdr.detectChanges(); // Take side-effects to position styles
   }
 
   onClickClear(event: MouseEvent): void {
@@ -404,6 +402,7 @@ export class NzPickerComponent implements OnInit, AfterViewInit, OnChanges, OnDe
     } else {
       this.inputValue = this.formatValue(newValue as CandyDate);
     }
+    this.cdr.markForCheck();
   }
 
   formatValue(value: CandyDate): string {
@@ -461,7 +460,7 @@ export class NzPickerComponent implements OnInit, AfterViewInit, OnChanges, OnDe
   animationDone(): void {
     if (!this.realOpenState) {
       this.animationOpenState = false;
-      this.changeDetector.markForCheck();
+      this.cdr.markForCheck();
     }
   }
 }

components/date-picker/week-picker.component.spec.ts

@@ -83,7 +83,9 @@ describe('NzWeekPickerComponent', () => {
 });
 
 @Component({
-  template: ` <nz-week-picker [nzFormat]="nzFormat" [ngModel]="nzValue"></nz-week-picker> `
+  template: `
+    <nz-week-picker [nzFormat]="nzFormat" [ngModel]="nzValue"></nz-week-picker>
+  `
 })
 export class NzTestWeekPickerComponent {
   nzFormat?: string;

components/i18n/date-helper.service.spec.ts

@@ -30,7 +30,7 @@ describe('DateHelperService', () => {
     xit('should do formatting correctly', () => {
       const date = new Date('2018-12-31 12:11:10');
       expect(dateHelper.format(date, 'yyyy-MM-dd')).toBe('2018-12-31');
-      expect(dateHelper.format(date, 'yyyy-ww')).toBe('2018-53');
+      expect(dateHelper.format(date, 'ww')).toBe('01');
     });
 
     it('should get first day of week with 0 by en_US', () => {
@@ -60,7 +60,7 @@ describe('DateHelperService', () => {
     it('should do formatting correctly', () => {
       const date = new Date('2018-12-31 12:11:10');
       expect(dateHelper.format(date, 'yyyy-MM-dd')).toBe('2018-12-31');
-      expect(dateHelper.format(date, 'II')).toBe('01'); // ISO week
+      expect(dateHelper.format(date, 'RRRR-II')).toBe('2019-01'); // ISO week
     });
 
     it('should do parseTime correctly', () => {