New to Telerik UI for ASP.NET MVC? Download free 30-day trial

DateInputBuilder

Methods

Max(System.Nullable)

Specifies the maximum date which can be entered in the input.

Parameters

value - System.Nullable<DateTime>

The value that configures the max.

Example


            @(Html.Kendo().DateInput()
                .Name("dateinput")
                .Max(new DateTime(2025,3,15))
            )

Min(System.Nullable)

Specifies the minimum date that which be entered in the input.

Parameters

value - System.Nullable<DateTime>

The value that configures the min.

Example


            @(Html.Kendo().DateInput()
                .Name("dateinput")
                .Min(new DateTime(2025,3,15))
            )

Value(System.Nullable)

Specifies the selected date.

Parameters

value - System.Nullable<DateTime>

The value that configures the value.

Example


            @(Html.Kendo().DateInput()
                .Name("dateinput")
                .Value(new DateTime(2025,3,15))
            )

AutoCorrectParts(System.Boolean)

Sets a value that indicates whether to automatically correct the segment when out of range

Parameters

value - System.Boolean

The value that configures the autocorrectparts.

Example


            @(Html.Kendo().DateInput()
                .Name("dateinput")
                .AutoCorrectParts(true)
            )

AutoSwitchKeys(System.String[])

A string array representing keys that when pressed will force a move to the next segment. By default the culture specific symbols that match / and : are used.

Parameters

value - System.String[]

The value that configures the autoswitchkeys.

Example


            @(Html.Kendo().DateInput()
                .Name("dateinput")
                .AutoSwitchKeys("-", "=")
            )

AutoSwitchParts(System.Boolean)

A value indicating whether to automatically move to the next segment after a valid value is provided for the current

Parameters

value - System.Boolean

The value that configures the autoswitchparts.

Example


            @(Html.Kendo().DateInput()
                .Name("dateinput")
                .AutoSwitchParts(true)
            )

EnableMouseWheel(System.Boolean)

A value indicating whether the mouse scroll can be used to increase/decrease the segments values

Parameters

value - System.Boolean

The value that configures the enablemousewheel.

Example


            @(Html.Kendo().DateInput()
                .Name("dateinput")
                .EnableMouseWheel(true)
            )

Format(System.String)

Specifies the format, which is used to format the value of the DateInput displayed in the input. The format also will be used to parse the input.

Parameters

value - System.String

The value that configures the format.

Example


            @(Html.Kendo().DateInput()
                .Name("dateinput")
                .Format("Value")
            )

Label(System.Action)

Adds a label before the dateinput. If the dateinput 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<DateInputLabelSettingsBuilder>

The action that configures the label.

Example


            @(Html.Kendo().DateInput()
                .Name("dateinput")
                .Label(l => l.Content("Value"))
            )

Max(System.DateTime)

Specifies the maximum date which can be entered in the input.

Parameters

value - System.DateTime

The value that configures the max.

Example


            @(Html.Kendo().DateInput()
                .Name("dateinput")
                .Max(new DateTime(2025,3,15))
            )

Min(System.DateTime)

Specifies the minimum date that which be entered in the input.

Parameters

value - System.DateTime

The value that configures the min.

Example


            @(Html.Kendo().DateInput()
                .Name("dateinput")
                .Min(new DateTime(2025,3,15))
            )

Value(System.DateTime)

Specifies the selected date.

Parameters

value - System.DateTime

The value that configures the value.

Example


            @(Html.Kendo().DateInput()
                .Name("dateinput")
                .Value(new DateTime(2025,3,15))
            )

Messages(System.Action)

The messages that DateInput uses. Use it to customize or localize the placeholders of each date/time part.

Parameters

configurator - System.Action<DateInputMessagesSettingsBuilder>

The action that configures the messages.

Example


            @(Html.Kendo().DateInput()
                .Name("dateinput")
                .Messages(m =>m.Year("Value"))
            )

Steps(System.Action)

An object with the different steps for incrementing/decrementing the various segments

Parameters

configurator - System.Action<DateInputStepsSettingsBuilder>

The action that configures the steps.

Example


            @(Html.Kendo().DateInput()
                .Name("dateinput")
                .Steps(s => s.Day(5))
            )

TwoDigitYearMax(System.Double)

The maximum year value that is considered part of the current century.

Parameters

value - System.Double

The value that configures the twodigityearmax.

Example


            @(Html.Kendo().DateInput()
                .Name("dateinput")
                .TwoDigitYearMax(28)
            )

Size(Kendo.Mvc.UI.ComponentSize)

Sets the size of the component.

Parameters

value - ComponentSize

The value that configures the size.

Example


            @(Html.Kendo().DateInput()
                .Name("dateinput")
                .Size(ComponentSize.Large)
            )

Rounded(Kendo.Mvc.UI.Rounded)

Sets a value controlling the border radius.

Parameters

value - Rounded

The value that configures the rounded.

Example


            @(Html.Kendo().DateInput()
                .Name("dateinput")
                .Rounded(Rounded.Large)
            )

FillMode(Kendo.Mvc.UI.FillMode)

Sets a value controlling how the color is applied.

Parameters

value - FillMode

The value that configures the fillmode.

Example


            @(Html.Kendo().DateInput()
                .Name("dateinput")
                .FillMode(FillMode.Solid)
            )

Events(System.Action)

Configures the client-side events.

Parameters

configurator - System.Action<DateInputEventBuilder>

The client events action.

Example


             @( Html.Kendo().DateInput()
                        .Name("dateInput")
                        .Events(events => events
                            .Change("handler")
                        )
            )

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 Kendo.Mvc.UI.Fluent.WidgetFactory.DeferredScripts(System.Boolean)

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>

AsChildComponent()

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();
            )

ToHtmlString()

ToClientTemplate()

In this article
Not finding the help you need?