Skip to main content

DxDateEditSettings.ScrollPickerFormat Property

Specifies a scroll picker’s date format.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue("ddd MMM yyyy")]
[Parameter]
public string ScrollPickerFormat { get; set; }

Property Value

Type Default Description
String "ddd MMM yyyy"

The date format.

Remarks

When the date picker is displayed as a scroll picker, use the ScrollPickerFormat property to define a date format for each scroll picker part (a day, month, and year).

Date editor supports the following format specifiers:

The order of the specified formats defines the order of the corresponding scroll picker parts.

<DxGrid Data="@employees" EditMode="GridEditMode.EditRow">
    <Columns>
        <DxGridCommandColumn />
        <DxGridDataColumn FieldName="FirstName" />
        <DxGridDataColumn FieldName="LastName" />
        <DxGridDataColumn FieldName="HireDate" >
             <EditSettings>
                <DxDateEditSettings PickerDisplayMode="DatePickerDisplayMode.ScrollPicker"
                    ScrollPickerFormat="yyyy MMMM d"/>
            </EditSettings>
        </DxGridDataColumn>
        <DxGridDataColumn FieldName="Email" />
    </Columns>
</DxGrid>

@code {
    Employee[]? employees;
    protected override async Task OnInitializedAsync() {
        employees = await EmployeeData.GetData();
    }
}

DateEdit ScrollPicker

To change the scroll picker’s date format at runtime, use the IDateEditSettings.ScrollPickerFormat property instead.

Implements

See Also