Skip to main content
All docs
V25.1
  • DxDateRangePicker<T>.DisplayFormat Property

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

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.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:

    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