DxDateRangePicker<T>.DisplayFormat Property

Specifies the pattern used to format the Date Range Picker’s display values.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue("")]
[Parameter]
public string DisplayFormat { get; set; }

Property Value

Type	Default	Description
String	String.Empty	The format pattern.

Remarks

The DevExpress Blazor Date Range Picker supports standard date formats:

• Standard Date and Time Format Strings
• Custom Date and Time Format Strings

You can use the DisplayFormat property to format the editor’s display values.

<DxDateRangePicker @bind-StartDate="@DateTimeStart"
                   @bind-EndDate="@DateTimeEnd"
                   DisplayFormat="From: {0:M}; To: {1:M}"/>

@code {
    DateTime DateTimeStart { get; set; } = DateTime.Today;
    DateTime DateTimeEnd { get; set; } = DateTime.Today.AddDays(7);
}

Run Demo: Display Format