Skip to content

Не работают события изменения абсолютной даты в ZyfraDatepickerMultiComponent

Библиотека

  • @digital-plant/zyfra-components
  • @digital-plant/zyfra-ui

Компонент

ZyfraDatepickerMultiComponent

Версия

Операционная система:

macOS Monterey 12.0.1

Браузер:

Google Chrome Версия 101.0.4951.54 (Официальная сборка), (arm64)

NodeJS:

➜ node --version
v14.16.0

Dependencies:

➜ npm ls @digital-plant/zyfra-components

zui-pkg-component-picker-daterange@3.0.0 /Users/pet19/Zyfra/test/zui-pkg-component-picker-daterange
└── @digital-plant/zyfra-components@0.7.0 

➜ npm ls @angular/core

zui-pkg-component-picker-daterange@3.0.0 /Users/pet19/Zyfra/test/zui-pkg-component-picker-daterange
└── @angular/core@12.2.16

Проект в котором используется КБ

Скрин / Видео проблемы

Импорты в модуле создаваемой библиотеки:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
import { ZyfraRadioButtonModule, ZyfraDatepickerModule } from '@digital-plant/zyfra-components';
import { TranslateModule, TranslateService } from '@digital-plant/zyfra-translate';

import { DaterangePickerComponent } from './period-menu/daterange-picker.component';

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    ZyfraRadioButtonModule,
    ZyfraDatepickerModule,
    FormsModule,
    NoopAnimationsModule,
    TranslateModule
  ],
  exports: [DaterangePickerComponent],
  declarations: [DaterangePickerComponent]
})
export class ComponentPickerDaterangeModule {
  constructor(
    translateSrv: TranslateService
  ) {
    translateSrv.addChunk({
      defaultLang: 'en_US',
      id: 'componentPickerDaterangeModule',
      supportedLangs: ['en_US', 'ru_RU']
    });
  }
 }

Использование датапикера в разметке шаблона:

<zyfra-datepicker-multi
            class="datepicker-from"
            (onSelect)="valueChange($event)"
            (onInput)="valueChange($event)"
            (valueChange)="valueChange($event)"
            (ngModelChange)="valueChange($event)"
            dateFormat="dd.mm.yy"
            label="{{ 'ComponentPickerDaterangeModule.daterange-picker.label.from' | zTranslate}}"
            [mode]="startDate.fixed ? datePickerMode.absolute : datePickerMode.relative"
            [showTime]="false"
            [showSeconds]="true"
            [autoZIndex]="true"
            [hideOnDateTimeSelect]="true"
            [showOnFocus]="true"
            hourFormat="24"
            [disabled]="isPresetValue"
            [absoluteValue]="startDate.value"
            [relativeValue]="getRelativeValue('from')"
            placeholder=""
></zyfra-datepicker-multi>

Описание проблемы

Делаю задачу https://jira.zyfra.com/browse/PLATFORM01-13375

Есть проблема следующего характера:

В абсолютном режиме при изменении даты не срабатывает ни одно из событий: onSelect, onInput, valueChange, ngModelChange. В контроле датапикера дата меняется, но невозможно поменять её в переменной.

Проблема блокирует выполнение задачи в плане Q2

Шаги воспроизведения:

  1. Склонировать репозиторий;
  2. Выполнить команды npm i, npm run build:picker, ng serve;
  3. При изменении даты в контроле датапикера события изменения не срабатывают.
Edited by Denis Sermyagin