DxDateRangePicker<T>.DisplayFormat Property

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

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

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

See Also

DxDateRangePicker<T> Class

DxDateRangePicker<T> Members

DevExpress.Blazor Namespace