Jak przesłać wartość ze <span> po nakliknięciu wartości?

Question

Hej. Piszę w Angularze i natrafiłem na problem.

 

HTML

<input type="text" class="form-control" id="DateOfBirth"   placeholder="Data urodzenia" value="" /> 

<div class="tab-pane fade show active" id="year" role="tabpanel" aria-labelledby="year-tab">
  <div name="month" class="tabValue" *ngFor="let year of years" style="width:60px;">
   <span>{{year}}</span>
  </div>
</div>

 

component.ts

  
years = [tutaj mam tablicę lat, którą wyświetlam w spanie HTML]
year: number;
  

IsLeapYear() {
    if ((this.year % 4 == 0) && (this.year % 100 != 0) || (this.year % 400 != 0) || this.year == 1900) {
      return 29;
    }
    else {
      return 28;
    }
  }

Zadaniem funkcji jest sprawdzenie, czy wybrany rok jest rokiem przestępnym, a żeby później wyświetlić ilość dni w lutym.

 

Chciałbym przesłać wartość, żeby później wyświetlić całą datę (bo mam opracowane jeszcze pętle dla miesiąca i dnia) w inpucie.

Ale nie za bardzo wiem jak przesłać wartość, którą wybiorę w spanie. Wiem jak z .ts przesłać wartość i wyświetlić w inpucie, ale nie wiem jak to zrobić w drugą stronę po nakliknięciu konkretnej wartości.

 

Macie pomysł?

 

 

Comments

nie musisz sam obliczać tych lat przestępnych itp. można wykorzystać obiekt Date:

new Date(2020, 2, 0).getDate(); // 29
new Date(2021, 2, 0).getDate(); // 28
new Date(2022, 2, 0).getDate(); // 28
new Date(2023, 2, 0).getDate(); // 28
new Date(2024, 2, 0).getDate(); // 29

oczywiście jest to pewnie nieco mniej wydajne ale w 99% przypadków różnica jest niezauważalna i praktycznie nieistotna.

---

Dzięki. Przyjrzę się temu. Ale nadal nie wiem jak przesłać wartość ze spanu. To jest dla mnie priorytet. Wybrany rok, później miesiąc i dzień, cała ta data ma się wyświetlić w inpucie, a później zostać przesłana do bazy danych.

Answer 1

Niezbyt rozumiem problem... możesz zrobić po prostu

<span (click)="updateSelectedYear(year)">{{year}}</span>

i wykorzystać sobie to w kontrolerze np. do aktualizacji pola year.

Comments

pomijając fakt, że skoro click to raczej powinien to być button...

albo select na podstawie tej tablicy lat i potem możesz sobie ładnie to obsłużyć form lub reactiveforms.

---

Dzięki. Jak wrócę do domu z pracy to spróbuję przerobić mój kod. Dzięki.