Частично сборщик дат в угловой 7 - PullRequest
Новая
       21

Частично сборщик дат в угловой 7

0 голосов
/ 12 февраля 2019

Я использую Angular 7 и я ищу компонент, который может поддерживать частичную дату. Мне нужен какой-то инструмент выбора даты, который пользователь может выбрать, например, только год или год и месяц или год, месяц и день (полный день),если пользователь хочет выбрать только год:

two muppets

Я пытался искать в угловых материалах, но ничего не нашел.

Кто-нибудь знает такойкомпонент?

Спасибо!

1 Ответ

0 голосов
/ 12 февраля 2019

Я думаю, что Angular Material - это ваш путь, есть много вариантов, чтобы заставить его работать, как вам нужно.Это всего лишь пример того, как вы можете это сделать.Все приходит из документации: https://material.angular.io/components/datepicker/overview

<mat-form-field>
    <input matInput [matDatepicker]="picker" placeholder="Choose a date" [formControl]="date" > 
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #picker  
    startView="multi-year"
    [startAt]="startDate"
    (yearSelected)="chosenYearHandler($event)"
    (monthSelected)="chosenMonthHandler($event, dp)">
  </mat-datepicker>
</mat-form-field>

и функций 

    date = new FormControl(new Date());

  chosenYearHandler(Year) {   
    this.date.setValue(Year);
  }
  chosenMonthHandler(Month) {
    this.date.setValue(Month);
  }

Я рекомендую вам снова прочитать документацию и переосмыслить варианты, которые вы можете сделать с помощью средства выбора даты.Удачи!

...