This is a migrated thread and some comments may be shown as answers.

Time picker masking

1 Answer 226 Views
Date/Time Pickers
This is a migrated thread and some comments may be shown as answers.
Dan
Top achievements
Rank 1
Dan asked on 24 Jan 2017, 10:07 PM

I am using the kendo timepicker and its working wonderfully

 

@(Html.Kendo().TimePicker()
                         .Name("EndTime")
                         .Value(@Model.EndTime)
                         .HtmlAttributes(new { style = "width: 100%", id = "EndTime", name = "EndTime", autocomplete = "off" })
                       )

 

The problem I'm running into is users who want to type values aren't including the AM/PM nor following the correct format.  How can I apply a mask to the timepicker so that they are forced to format properly?

1 Answer, 1 is accepted

Sort by
0
Eduardo Serra
Telerik team
answered on 25 Jan 2017, 06:38 PM
Hello Dan,

From the problem you describe with your users, it looks like masking is exactly what you need.

In order to implement this functionality, take a look at the following documentation guide which includes a runnable sample.

I hope this helps!

Regards,
Eduardo Serra
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Date/Time Pickers
Asked by
Dan
Top achievements
Rank 1
Answers by
Eduardo Serra
Telerik team
Share this question
or