DxDataGridDateEditColumn.DisplayFormat Property

Specifies the pattern used to format the column’s display values.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

Declaration

[Parameter]
public string DisplayFormat { get; set; }

Property Value

Type Description
String

The format pattern.

Remarks

Use the DisplayFormat property to format the Date Edit column’s cell values. See the Standard Date and Time Format Strings and Custom Date and Time Format Strings help topics for more information.

You can also format values of the corresponding data editor in the edit form. Use the EditorDisplayFormat property to format the editor’s display value when the editor is not focused, and use EditorFormat property to format the editor’s value in edit mode when the editor is focused.

The following example demonstrates how to apply:

<DxDataGrid Data="@forecasts">
    ...
    <DxDataGridDateEditColumn Field="@nameof(WeatherForecast.Date)" 
        DisplayFormat="D" 
        EditorDisplayFormat="D"
        EditorFormat="d">
    </DxDataGridDateEditColumn>
</DxDataGrid>

Data Grid DateEditColumn Formats

Run Demo: Data Grid - Column Types

See Also