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
Ottimizzazione dei block template in Angular 17
Utilizzare QuickGrid di Blazor con Entity Framework
Paginare i risultati con QuickGrid in Blazor
gRPC con .NET
Sfruttare i KeyedService in un'applicazione Blazor in .NET 8
Utilizzare Tailwind CSS all'interno di React: primi componenti
Le novità di Entity Framework 8
Evitare il flickering dei componenti nel prerender di Blazor 8
Gestire il colore CSS con HWB
Migrare una service connection a workload identity federation in Azure DevOps
Load test di ASP.NET Core con k6
I più letti di oggi
- anche domani dalle 17:30 seguite con noi live #build15 https://aspit.co/build15
- Webcast 'AJAX & ATLAS Overview'
- a #igds il 25 e 26/10 a Milano puoi sviluppare un gioco per #wp8 con @AppCampus. in palio 70.000 Euro: https://aspit.co/apa
- WinJS in Windows Phone 8.1
- la RC di #vs13 è compatibile con #win81 RTM, non con la Preview. l'annuncio ufficiale è su https://aspit.co/any
- Ancora un bug: esce Mono 0.23
- SSL Certificates for everyone on Azure
- Mostrare una MessageBox con un custom control
- disponibile la preview 1 ci #dotnetcore 2.1, #aspnetcore, #efcore. performance, novità e migliorie su https://aspit.co/bmf
- si continua a #netconfit con 'developing modern web apps with #aspnetcore', con il nostro @dbochicchiohttps://aspit.co/netconf-18