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

DxDateEdit<T>.TimeSectionScrollPickerFormat Property

Specifies the format of the time in the time section.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[Parameter]
public string TimeSectionScrollPickerFormat { get; set; }

#Property Value

Type Description
String

A time formatting pattern.

#Remarks

When the TimeSectionVisible property is set to true, the Date Edit displays a time section. Use the TimeSectionScrollPickerFormat property to specify the format of the time value in the time section’s scroll picker. The default scroll picker format depends on the current culture.

Razor
<DxDateEdit @bind-Date="@DateTimeValue" 
            TimeSectionVisible="true"
            TimeSectionScrollPickerFormat="tt h m">
</DxDateEdit>

@code {
    DateTime DateTimeValue { get; set; } = DateTime.Now;
}

Date Edit - Time Section

Run Demo: Date Edit - Time Section

The Time Edit’s scroll picker supports the following time format specifiers:

  • h and hh for hours
  • m and mm for minutes
  • s and ss for seconds
  • t and tt for a day period

Note that if you use hh, mm, and ss formats, the scroll picker does not show a leading zero for a single-digit hour/minute.

Razor
<DxDateEdit ...
            TimeSectionScrollPickerFormat="tt hh mm">

<!-- Displays: PM 6 9 -->
See Also