Date Format in Blazor DatePicker Component

8 Aug 20231 minute to read

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

The string format of the date value specifies how the date value should be represented as a string. Different countries and regions have different conventions for representing the date value in a string format. In addition to representing the date value in different string formats, it is also possible to specify the order in which the day, month, and year values appear in the string. For example, the day/month/year format could be written as 28-12-2022 or 28.12.2022

By default, the DatePicker’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

<SfDatePicker TValue="DateTime?" Format="yyyy-MM-dd" @bind-Value="@Value"></SfDatePicker>


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