TimePickerBuilder
Methods
Value(System.Nullable)
Sets the value of the timepicker input
Parameters
time - System.Nullable<TimeSpan>
The minumum time.
Example
@(Html.Kendo().TimePicker()
.Name("timePicker")
.Value(new TimeSpan(10, 12, 30, 10, 10))
)
Min(System.TimeSpan)
Sets the minimum time, which can be selected in timepicker
Parameters
value - System.TimeSpan
The minumum time.
Example
@(Html.Kendo().TimePicker()
.Name("timePicker")
.Min(new TimeSpan(10, 12, 30, 10, 10))
)
Min(System.String)
Sets the minimum time, which can be selected in timepicker
Parameters
value - System.String
The minimum time.
Example
@(Html.Kendo().TimePicker()
.Name("timePicker")
.Min("10:30")
)
Max(System.TimeSpan)
Sets the maximum time, which can be selected in timepicker
Parameters
value - System.TimeSpan
The Maximum time.
Example
@(Html.Kendo().TimePicker()
.Name("timePicker")
.Max(new TimeSpan(10, 12, 30, 10, 10))
)
Max(System.String)
Sets the maximum time, which can be selected in timepicker
Parameters
value - System.String
The Maximum time.
Example
@(Html.Kendo().TimePicker()
.Name("timePicker")
.Max("12:30")
)
Interval(System.Int32)
Sets the interval between hours.
Parameters
interval - System.Int32
Example
@(Html.Kendo().TimePicker()
.Name("timePicker")
.Interval(7)
)
Interval(System.Action)
Specifies the interval between values in the popup list. When the componentType is set to modern, the interval is specified as an object of hours, minutes and seconds.
Parameters
action - System.Action<IntervalSettingsBuilder>
The interval settings.
Example
@(Html.Kendo().TimePicker()
.Name("timePicker")
.ComponentType("modern")
.Interval(interval => interval
.Hour(3);
.Minute(20);
.Second(15);
)
)
FocusTime(System.DateTime)
Sets the default focused time when opened.
Parameters
dateTime - System.DateTime
Represents the time that has to be focused.
Example
@(Html.Kendo().TimePicker()
.Name("timepicker")
.DateInput()
.FocusTime(new DateTime(2023, 5, 5, 8, 0, 0))
)
BindTo(System.Collections.Generic.IList)
Binds the TimePicker to a list of DateTime objects.
Parameters
dates - System.Collections.Generic.IList<DateTime>
Example
@( Html.Kendo().TimePicker()
.Name("TimePicker")
.BindTo(new List<DateTime> { DateTime.Now })
)
ComponentType(System.String)
Specifies the component type of the widget. "classic" - Uses the standard rendering of the widget. or "modern" - Uses new rendering with a fresh and modern look and feel..
Parameters
value - System.String
The value for ComponentType
Example
@(Html.Kendo().TimePicker()
.Name("timePicker")
.ComponentType("modern")
)
Size(Kendo.Mvc.UI.ComponentSize)
Sets the size of the component.
Parameters
value - ComponentSize
The value for Size
Example
@(Html.Kendo().TimePicker()
.Name("timePicker")
.Size(ComponentSize.Medium)
)
Rounded(Kendo.Mvc.UI.Rounded)
Sets a value controlling the border radius.
Parameters
value - Rounded
The value for Rounded
Example
@(Html.Kendo().TimePicker()
.Name("timePicker")
.Rounded(Rounded.Full)
)
FillMode(Kendo.Mvc.UI.FillMode)
Sets a value controlling how the color is applied.
Parameters
value - FillMode
The value for FillMode
Example
@(Html.Kendo().TimePicker()
.Name("timePicker")
.FillMode(FillMode.Outline)
)
Animation(System.Boolean)
Use to enable or disable animation of the popup element.
Parameters
enable - System.Boolean
The boolean value.
Example
@( Html.Kendo().DatePicker()
.Name("DatePicker")
.Animation(false) //toggle effect
)
Animation(System.Action)
Configures the animation effects of the widget.
Parameters
animationAction - System.Action<PopupAnimationBuilder>
The action which configures the animation effects.
Example
@( Html.Kendo().DatePicker()
.Name("DatePicker")
.Animation(animation =>
{
animation.Open(open =>
{
open.SlideIn(SlideDirection.Down);
})
})
)
AutoAdjust(System.Boolean)
If this property is enabled and you have configured min and/or max values, and the user enters a value that falls out of that range, the value will automatically be set to either the minimum or maximum allowed value.
Parameters
value - System.Boolean
The value that configures the autoadjust.
Example
@(Html.Kendo().DatePicker()
.Name("DatePicker")
.AutoAdjust(true)
)
Culture(System.String)
Specifies the culture info used by the widget.
Parameters
culture - System.String
Example
@( Html.Kendo().DatePicker()
.Name("DatePicker")
.Culture("de-DE")
)
Events(System.Action)
Configures the client-side events.
Parameters
clientEventsAction - System.Action<DatePickerEventBuilderBase>
The client events action.
Example
@( Html.Kendo().DatePicker()
.Name("DatePicker")
.Events(events =>
events.Open("open").Change("change")
)
)
Format(System.String)
Sets the date format, which will be used to parse and format the machine date. Defaults to CultureInfo.DateTimeFormat.ShortDatePattern.
Parameters
format - System.String
ParseFormats(System.Collections.Generic.IEnumerable)
Specifies the formats, which are used to parse the value set with value() method or by direct input.
Parameters
formats - System.Collections.Generic.IEnumerable<String>
Enable(System.Boolean)
Enables or disables the picker.
Parameters
value - System.Boolean
Min(System.DateTime)
Sets the minimal date, which can be selected in picker.
Parameters
date - System.DateTime
Max(System.DateTime)
Sets the maximal date, which can be selected in picker.
Parameters
date - System.DateTime
Value(System.Nullable)
Sets the value of the picker input
Parameters
date - System.Nullable<DateTime>
Value(System.String)
Sets the value of the picker input
Parameters
date - System.String
DateInput(System.Boolean)
Specifies if the picker will use DateInput for editing value
Parameters
value - System.Boolean
The value for DateInput
DateInput()
Specifies if the picker will use DateInput for editing value
Popup(System.Action)
Configures the popup settings of the widget.
Parameters
popupAction - System.Action<PopupSettingsBuilder>
Messages(System.Action)
Allows localization of the strings that are used in the widget.
Parameters
configurator - System.Action<DatePickerBaseMessagesSettingsBuilder>
The configurator for the messages setting.
Label(System.Action)
Adds a label before the input. If the input has no id attribute, a generated id will be assigned. The string and the function parameters are setting the inner HTML of the label.
Parameters
configurator - System.Action<LabelSettingsBuilder>
AdaptiveMode(Kendo.Mvc.UI.AdaptiveMode)
Parameters
value - AdaptiveMode
AutoCorrectParts(System.Boolean)
Sets a value that indicates whether to automatically correct the segment when out of range. In order to work, dateInput prop should be set to true.
Parameters
value - System.Boolean
The value for AutoCorrectParts
ToComponent()
Returns the internal view component.
Name(System.String)
Sets the name of the component.
Parameters
componentName - System.String
The name of the component.
Example
@(Html.Kendo().Grid<OrderViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.OrderID).Filterable(false);
columns.Bound(p => p.Freight);
})
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action("Orders_Read", "Grid"))
)
)
Deferred(System.Boolean)
Suppress initialization script rendering. Note that this options should be used in conjunction with
Parameters
deferred - System.Boolean
ModelMetadata(System.Web.Mvc.ModelMetadata)
Uses the Metadata of the Model.
Parameters
modelMetadata - System.Web.Mvc.ModelMetadata
The metadata set for the Model
HtmlAttributes(System.Object)
Sets the HTML attributes.
Parameters
attributes - System.Object
The HTML attributes.
HtmlAttributes(System.Collections.Generic.IDictionary)
Parameters
attributes - System.Collections.Generic.IDictionary<String,Object>
AsModule(System.Boolean)
Specifies whether the initialization script of the component will be rendered as a JavaScript module.
Parameters
value - System.Boolean
Render()
Renders the component.
Example
@(@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable<Product>>" )
@( Html.Kendo().Grid(Model)
.Name("grid")
.DetailTemplate(product => {
)
Product Details:
<div>Product Name: @( product.ProductName )</div>
<div>Units In Stock: @( product.UnitsInStock )</div>
@(
})
.Render();
)
ScriptAttributes(System.Object,System.Boolean)
Sets the JavaScript attributes to the initialization script.
Parameters
attributes - System.Object
The JavaScript attributes.
overrideAttributes - System.Boolean
Argument which determines whether attributes should be overriden.
ScriptAttributes(System.Collections.Generic.IDictionary,System.Boolean)
Sets the JavaScript attributes to the initialization script.
Parameters
attributes - System.Collections.Generic.IDictionary<String,Object>
The JavaScript attributes.
overrideAttributes - System.Boolean
Argument which determines whether attributes should be overriden.