Il binding di date è sempre abbastanza problematico per il problema della formattazione. In Blazor, fortunatamente, esiste una funzionalità che ci permette di impostare il formato delle date in fase di binding, sia per quanto riguarda la lettura che per il parsing.
Per questo scopo, è sufficiente utilizzare la proprietà bind:format come nell'esempio:
<p> Date: <input type="text" placeholder="@datePattern" @bind="@date" @bind:format="@datePattern" /></p> @code { private string datePattern = CultureInfo.CurrentUICulture.DateTimeFormat.ShortDatePattern; private DateTimeOffset? date; }
Nel codice in alto, abbiamo utilizzato la current culture dell'utente, che il browser imposta automaticamente, per selezionare il formato corretto per la data. Questo pattern è poi in binding con la proprietà @bind:format (e anche con il placeholder, così da visualizzarlo sul box di testo vuoto).
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Limitare le richieste lato server con l'interactive routing di Blazor 8
Proteggere le risorse Azure con private link e private endpoints
Sfruttare GPT-4o realtime su Azure Open AI per conversazioni vocali
Utilizzare una qualunque lista per i parametri di tipo params in C#
Supportare il sorting di dati tabellari in Blazor con QuickGrid
Generare velocemente pagine CRUD in Blazor con QuickGrid
Code scanning e advanced security con Azure DevOps
Aggiungere interattività lato server in Blazor 8
Routing statico e PreRendering in una Blazor Web App
Triggerare una pipeline su un altro repository di Azure DevOps
Filtrare i dati di una QuickGrid in Blazor con una drop down list
Utilizzare EF.Constant per evitare la parametrizzazione di query SQL
I più letti di oggi
- Simulare Azure Cosmos DB in locale con Docker
- Utilizzare il metodo Index di LINQ per scorrere una lista sapendo anche l'indice dell'elemento
- .NET Conference Italia 2023 - Milano e Online
- .NET Conference Italia 2024 - Milano
- Configurare lo startup di applicazioni server e client con .NET Aspire
- MS03-45: risolti i problemi della patch 824141
- Utilizzare Container Queries nominali