DateEdit - How to edit only hours in the time picker

Carlton Guc

created 9 years ago

I would like to offer a DateEdit with a Time Picker that only allows the user to select hours (i.e. 2:00 PM) and not allow minutes (i.e. 2:13 PM). I am currently using this:

@Html.DevExpress().DateEdit(settings =>
    {
        settings.Name = "dateEdit4";
        settings.Properties.UseMaskBehavior = true;
        settings.Properties.EditFormat = EditFormat.Custom;
        settings.Properties.EditFormatString = "dd/MM/yyyy hh:mm tt";
        settings.Properties.TimeSectionProperties.Visible = true;
        settings.Properties.TimeSectionProperties.TimeEditProperties.EditFormat = EditFormat.Custom;
        settings.Properties.TimeSectionProperties.TimeEditProperties.EditFormatString = "hh:mm tt";
        settings.Date = DateTime.Now;
        settings.Width = Unit.Percentage(50);
    }).GetHtml()

Answers approved by DevExpress Support

Lanette (DevExpress Support)

created 9 years ago (modified 8 years ago)

Hello,

To accomplish this task and prevent the user from entering minutes, I suggest you hide the minute editor in the dropdown by setting the TimeSectionProperties.TimeEditProperties.EditFormatString property to "hh" and set a fixed minute number in EditFormatString as follows:

C#
@Html.DevExpress().DateEdit(settings =>  
    {  
        settings.Name = "dateEdit4";  
        settings.Properties.UseMaskBehavior = true;  
        settings.Properties.EditFormat = EditFormat.Custom;  
        settings.Properties.EditFormatString = "dd/MM/yyyy hh:00 tt";  
        settings.Properties.TimeSectionProperties.Visible = true;  
        settings.Properties.TimeSectionProperties.TimeEditProperties.EditFormat = EditFormat.Custom;  
        settings.Properties.TimeSectionProperties.TimeEditProperties.EditFormatString = "hh";  
        settings.Date = DateTime.Now;  
        settings.Width = Unit.Percentage(50);  
    }).GetHtml()

Let us know if this approach meets your requirements.

Show previous comments (3)

Carlton Guc 8 years ago

That's great. Thanks. Is there a way to allow selection of hour and half hour?

DevExpress Support Team 8 years ago

Hello Carlton,

Your requirements are not completely clear to me. According to your previous question, you wish to show only hours, so it is not quite clear how a half of an hour should be displayed in this case. It will be helpful if you describe your scenario in greater detail.

Carlton Guc 8 years ago

I would like for the user to only have the options for hour and half hour to select from. So the Time select could only be 1:00 and 1:30 and 2:00 and 2:30… etc.

DevExpress Support Team 8 years ago

Hello Carlton,

To my regret, it is not possible to accomplish this task using DateEdit's built-in features. As a possible workaround, you can implement separate editors for hours and minutes ("half hour") sections using two SpinEdit components and get their values to compose the final DateTime value.

Carlton Guc 8 years ago

That will work. Thanks.

DevExpress Support Team 8 years ago

You're welcome!

DateEdit - How to edit only hours in the time picker

Answers approved by DevExpress Support

Recently viewed tickets