DateTimePickerBuilder

Methods

Animation(System.Boolean)

Use to enable or disable animation of the popup element.

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

Example

Razor

 
            @(Html.Kendo().DateTimePicker()
                       .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.

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

Example

Razor

 
            @(Html.Kendo().DateTimePicker()
                       .Name("DatePicker")
                       .Animation(animation =>
                       {
            	            animation.Open(open =>
            	            {
            	                open.SlideIn(SlideDirection.Down);
            	            })
                       })
            )

BindTo(System.Collections.Generic.IEnumerable)

Binds the TimeView to a list of DateTime objects.

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

Example

Razor

 
            @(Html.Kendo().DateTimePicker()
                       .Name("DateTimePicker")
                       .BindTo(new List<DateTime> { DateTime.Now })
            )

DisableDates(System.Collections.Generic.IEnumerable)

Specifies the disabled dates in the DateTimePicker widget.

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

DisableDates(System.DayOfWeek[])

Specifies the disabled dates in the DateTimePicker widget.

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

Example

Razor

 
            @(Html.Kendo().DateTimePicker()
                        .Name("dateTimePicker")
                        .DisableDates(DayofWeek.Saturday, DayOfWeek.Sunday)
            )

DisableDates(System.String)

Specifies the disabled dates in the DateTimePicker widget using a function.

Parameters

handler - `System.String`

The function handler which will determine the disabled dates.

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

Example

Razor

 
            @( Html.Kendo().DateTimePicker()
                        .Name("dateTimePicker")
                        .DisableDates("disableDates")
            )

Value(System.String)

Sets the value of the picker input

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

Example

Razor

 
            @(Html.Kendo().DateTimePicker()
                        .Name("dateTimePicker")
                        .Value(DateTime.Now)
            )

Value(System.Nullable)

Specifies the selected value.

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

Example

Razor

 
            @(Html.Kendo().DateTimePicker()
                        .Name("dateTimePicker")
                        .Value(null)
            )

Enable(System.Boolean)

Enables or disables the picker.

Parameters

value - `System.Boolean`

The value that enables/disables the component.

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

Example

Razor

 
            @(Html.Kendo().DateTimePicker()
                        .Name("dateTimePicker")
                        .Enable(true)
            )

Footer(System.Boolean)

Enables/disables footer of the calendar popup.

Parameters

The footer that displayed or hidden for the component.

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

Example

Razor

 
            @(Html.Kendo().DateTimePicker()
                        .Name("dateTimePicker")
                        .Footer(false)
            )

FooterId(System.String)

FooterId to be used for rendering the footer of the Calendar.

Parameters

id - `System.String`

The id that displays the footer for the component.

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

Example

Razor

 
            @(Html.Kendo().DateTimePicker()
                        .Name("dateTimePicker")
                        .FooterId("widgetFooterId")
            )

Min(System.String)

Sets the minimal date, which can be selected in DatePicker.

Parameters

date - `System.String`

The minimum date that can be set for the Calendar.

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

Example

Razor

 
            @(Html.Kendo().DateTimePicker()
                        .Name("dateTimePicker")
                        .Min(DateTime.Today)
            )

Max(System.String)

Sets the maximal date, which can be selected in DatePicker.

Parameters

date - `System.String`

The maximum date that can be set for the Calendar.

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

Example

Razor

 
            @(Html.Kendo().DateTimePicker()
                        .Name("dateTimePicker")
                        .Max(DateTime.Today)
            )

MonthTemplate(Kendo.Mvc.UI.Fluent.TemplateBuilder)

Templates for the cells rendered in the "month" view.

Parameters

template - TemplateBuilder<TModel>

The content that will be used for rendering cells the Calendar.

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

Example

Razor

 
             @( Html.Kendo().DateTimePicker()
                        .Name("DateTimePicker")
                        .MonthTemplate(Html.Kendo().Template()
                            .AddHtml("<div>${data.value} </div>")
                        )
            )

MonthTemplate(System.Action)

Configures the content of cells of the Calendar.

Parameters

monthTemplateAction - System.Action<MonthTemplateBuilder>

The action method that will be used for rendering cells the Calendar.

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

Example

Razor

 
             @( Html.Kendo().DateTimePicker()
                        .Name("DateTimePicker")
                        .MonthTemplate(month => month.Content("#= data.value #"))
            )

MonthTemplateId(System.String)

MonthTemplateId to be used for rendering the cells of the Calendar.

Parameters

id - `System.String`

The id to be used for rendering the cells for the Calendar.

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

Example

Razor

 
             @(Html.Kendo().DateTimePicker()
                        .Name("dateTimePicker")
                        .MonthTemplateId("widgetMonthTemplateId")
            )

MonthTemplateView(Microsoft.AspNetCore.Html.IHtmlContent)

MonthTemplateId to be used for rendering the cells of the Calendar.

Parameters

templateView - `Microsoft.AspNetCore.Html.IHtmlContent`

The view to be used for rendering the cells for the Calendar.

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

Example

Razor

 
             @( Html.Kendo().DateTimePicker()
                        .Name("dateTimePicker")
                        .MonthTemplateView(Html.Partial("WidgetMonthTemplate"))
            )

MonthTemplateHandler(System.String)

MonthTemplate function handler to be used for rendering the cells of the Calendar.

Parameters

templateHandler - `System.String`

The name of the JavaScript function to be used for rendering the cells for the Calendar.

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

Example

Razor

 
            @( Html.Kendo().DateTimePicker()
                        .Name("dateTimePicker")
                        .MonthTemplateHandler("handler")
            )

MonthTemplate(System.String)

Templates for the cells rendered in the "month" view.

Parameters

content - `System.String`

The content to be used for rendering the cells for the Calendar.

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

Example

Razor

 
            @(Html.Kendo().DateTimePicker()
                        .Name("dateTimePicker")
                        .MonthTemplate("#= data.value #")
            )

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.

RETURNS

A reference to the current DateTimePickerBuilder instance, to allow for method chaining.

Example

Razor

 
                @(Html.Kendo().DateTimePicker()
                    .Name("dateTimePicker")
                    .ComponentType("modern")
                    .Interval(interval => interval
                        .Hour(3);
                        .Minute(20);
                        .Second(15);
                    )
               )

AdaptiveTitle(System.String)

Allows customization of the title's text in the adaptive view of the component.

RETURNS

Returns the current DateTimePickerBuilder instance.

AdaptiveSubtitle(System.String)

Allows customization of the subtitle's text in the adaptive view of the component.

RETURNS

Returns the current DateTimePickerBuilder instance.

Specifies a template used to populate value of the aria-label attribute of the currently focused cell of the calendar. The parameters available for the template are: current - The current focused date.; valueType - The focused item value type - month, year and etc. or text - A text representing the focused value..

Parameters

value - `System.String`

The value for ARIATemplate

RETURNS

Returns the current DateTimePickerBuilder instance.

ARIATemplateId(System.String)

Parameters

templateId - `System.String`

The ID of the template element for ARIATemplate

RETURNS

Returns the current DateTimePickerBuilder instance.

ARIATemplateView(Microsoft.AspNetCore.Html.IHtmlContent)

Parameters

templateView - `Microsoft.AspNetCore.Html.IHtmlContent`

The view that contains the template for ARIATemplate

RETURNS

Returns the current DateTimePickerBuilder instance.

ARIATemplateHandler(System.String)

Parameters

templateHandler - `System.String`

The handler that returs the template for ARIATemplate

RETURNS

Returns the current DateTimePickerBuilder instance.

ARIATemplate(Kendo.Mvc.UI.Fluent.TemplateBuilder)

Parameters

template - TemplateBuilder<TModel>

A Template component that configures the ariatemplate.

RETURNS

Returns the current DateTimePickerBuilder instance.

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. This property has effect only when the dateInput of the component is enabled.

Parameters

value - `System.Boolean`

The value for AutoAdjust

RETURNS

Returns the current DateTimePickerBuilder instance.

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

RETURNS

Returns the current DateTimePickerBuilder instance.

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

RETURNS

Returns the current DateTimePickerBuilder instance.

Culture(System.String)

Specifies the culture info used by the widget.

Parameters

value - `System.String`

The value for Culture

RETURNS

Returns the current DateTimePickerBuilder instance.

DateInput(System.Boolean)

Specifies if the DateTimePicker will use DateInput for editing value

Parameters

value - `System.Boolean`

The value for DateInput

RETURNS

Returns the current DateTimePickerBuilder instance.

DateInput()

Specifies if the DateTimePicker will use DateInput for editing value

RETURNS

Returns the current DateTimePickerBuilder instance.

Dates(System.DateTime[])

Specifies a list of dates, which will be passed to the month template of the DateView. All dates, which match the date portion of the selected date will be used to re-bind the TimeView.

Parameters

value - `System.DateTime[]`

The value for Dates

RETURNS

Returns the current DateTimePickerBuilder instance.

EndTime(System.DateTime)

If set, specifies the latest time the TimeView can show.

Parameters

value - `System.DateTime`

The value for EndTime

RETURNS

Returns the current DateTimePickerBuilder instance.

Footer(System.String)

The template which renders the footer of the calendar. If false, the footer will not be rendered.

Parameters

value - `System.String`

The value for Footer

RETURNS

Returns the current DateTimePickerBuilder instance.

Format(System.String)

Specifies the format, which is used to format the value of the DateTimePicker displayed in the input. The format also will be used to parse the input.For more information on date and time formats please refer to Date Formatting.

Parameters

value - `System.String`

The value for Format

RETURNS

Returns the current DateTimePickerBuilder instance.

InputMode(System.String)

Specifies the inputmode attribute of the inner <input /> element. It is used to specify the type of on-screen keyboard that should be displayed when the user focuses the input.

Parameters

value - `System.String`

The value for InputMode

RETURNS

Returns the current DateTimePickerBuilder instance.

Label(System.Action)

Adds a label before the datetimepicker. If the datetimepicker 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<DateTimePickerLabelSettingsBuilder>

The configurator for the label setting.

RETURNS

Returns the current instance of DateTimePickerBuilder .

Interval(System.Double)

Specifies the interval between values in the popup list. When the componentType is set to classic, the interval is specified in minutes (numeric values). or When the componentType is set to modern, the interval is specified as an object of hours, minutes and seconds..

Parameters

value - `System.Double`

The value for Interval

RETURNS

Returns the current DateTimePickerBuilder instance.

Max(System.DateTime)

Specifies the maximum date, which the calendar can show.

Parameters

value - `System.DateTime`

The value for Max

RETURNS

Returns the current DateTimePickerBuilder instance.

Messages(System.Action)

Allows localization of the strings that are used in the widget.

Parameters

configurator - System.Action<DateTimePickerMessagesSettingsBuilder>

The configurator for the messages setting.

RETURNS

Returns the current instance of DateTimePickerBuilder .

Min(System.DateTime)

Specifies the minimum date that the calendar can show.

Parameters

value - `System.DateTime`

The value for Min

RETURNS

Returns the current DateTimePickerBuilder instance.

Popup(System.Action)

The options that will be used for the popup initialization. For more details about the available options refer to Popup documentation.

Parameters

configurator - System.Action<DateTimePickerPopupSettingsBuilder>

The configurator for the popup setting.

RETURNS

Returns the current instance of DateTimePickerBuilder .

WeekNumber(System.Boolean)

If set to true a week of the year will be shown on the left side of the calendar. It is possible to define a template in order to customize what will be displayed.

Parameters

value - `System.Boolean`

The value for WeekNumber

RETURNS

Returns the current DateTimePickerBuilder instance.

WeekNumber()

If set to true a week of the year will be shown on the left side of the calendar. It is possible to define a template in order to customize what will be displayed.

RETURNS

Returns the current DateTimePickerBuilder instance.

ParseFormats(System.String[])

Specifies the formats, which are used to parse the value set with value() method or by direct input. If not set the value of the options.format and options.timeFormat will be used. Note that value of the format option is always used. The timeFormat value also will be used if defined.

 
            @(Html.Kendo().DateTimePicker()
                  .Name("DateTimePicker")
                  .Events(events => events
                      .Change("onChange")
                  )
            )

animationAction - System.Action<PopupAnimationBuilder>

monthTemplateAction - System.Action<MonthTemplateBuilder>

action - System.Action<IntervalSettingsBuilder>