Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxDateEditSettings.ScrollPickerFormat Property

Specifies a scroll picker’s date format.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[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.

Razor
<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