Rufen Sie das maximale Attribut des Eingabetyps „Datum' ab
P粉676588738
P粉676588738 2024-03-30 18:32:44
0
1
351

Ich versuche, mein maximales Attribut für die Datumseingabe auf „Fluid“ zu beschränken, sodass es sich jedes Jahr ändert. Nicht so fest codiert wie jetzt.

Jetzt: <input type="date" @bind-value="product.DateRetired" min="1950-01-01" max="2024-12-31" />

Ich versuche es zu unterteilen in:

  1. Holen Sie sich das heutige Datum (16.02.2023)
  2. Fügen Sie 1 Jahr zu diesem Datum hinzu (16. Februar 2024)
  3. Letzter Termin für die Rückkehr ins neue Jahr (31.12.2024)
  4. Ändern Sie das Format des Max-Attributs (31.12.2024)

Versuchen Sie 1:

<input type="date" @bind-value="product.DateRetired" min="1950-01-01" max="@GetNextYear-12-31" />

 private int GetNextYear()
    {
        DateTime thisyearaddone = DateTime.Today.AddYears(1);
        int nextyear = thisyearaddone.Year;
    
        return nextyear;
    }

Versuch 2:

<input type="date" @bind-value="product.DateRetired" min="1950-01-01" max="@GetNextYearDate" />

 private DateTime GetNextYear()
    {
        DateTime thisyearaddone = DateTime.Today.AddYears(1);
        int nextyear = thisyearaddone.Year;
        DateTime maxretireddate = new DateTime(nextyear, 12, 31);
        return maxretireddate;
    }

Versuchen Sie 3:

public string MaxRetiredDate;

 <input type="date" @bind-value="product.DateRetired" min="1950-01-01" max="@MaxRetiredDate" onclick="@GetMaxRetiredDate" />

private void GetMaxRetiredDate()
    {
        DateTime NextYearDate = DateTime.Today.AddYears(1);
        int NextYearInt = NextYearDate.Year;
        DateTime MaxRetiredDate = new DateTime(NextYearInt, 12, 31);
        MaxRetiredDate.ToString("yyyy-mm-dd");
      
    }

Jedes Mal, wenn ich es erfolglos versuche, kann ich ein Datum außerhalb dieses Bereichs auswählen. Vielleicht etwas mit der Formatänderung zu tun? was soll ich machen?

P粉676588738
P粉676588738

Antworte allen(1)
P粉005105443

整个事情可以压缩为 1 行代码:

public string MaxRetiredDate = $"{(DateTime.Today.AddYears(1)).Year}-12-31";

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage