DateTime Format in Blazor DateTimePicker Component

29 Dec 20221 minute to read

The date and time format can be used to specify how the date and time value is displayed or entered in a DateTimePicker control

By default, the DateTimePicker’s format is based on the culture. You can also set the own Custom Format or Standard Format by using the Format property.

Once the date format property has been defined, it will be applied consistently to all cultures, regardless of their conventions for representing the date value. In other words, the date format property serves as a standardized way of representing the date value, ensuring that it is displayed and entered consistently regardless of the culture or region in which the application is used.

RAZOR

@using Syncfusion.Blazor.Calendars

<SfDateTimePicker TValue="DateTime?" Format="yyyy-MM-dd hh:mm:ss" @bind-Value="@Value"></SfDateTimePicker>


@code {
    public DateTime? Value { get; set; } = new DateTime(2022, 12, 11, 11, 30, 00);
}