ASP。NET Core DateTimePicker概述

DateTimePicker是Telerik UI for ASP。网络核心，一个具有 110+ 组件的专业级UI库，用于构建现代和功能丰富的 应用程序。想要试用它，可以注册一个30天的免费试用期。

下载免费试用

Telerik UI DataSource TagHelper和HtmlHelper。网络核心are server-side wrappers for the Kendo UI DataSource widget.

DateTimePicker允许用户从日历、时间下拉列表或直接输入中选择一个值。

• DateTimePicker HtmlHelper的演示页面

• DateTimePicker TagHelper的演示页面

初始化DateTimePicker

下面的示例演示如何定义DateTimePicker。

DateTimePicker将所有样式和CSS类从输入元素复制到包装器元素。

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

< kendo-datetimepicker name = " dateTimePicker " > < / kendo-datetimepicker >

基本配置

DateTimePicker配置选项作为属性传递。

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

 < / kendo-datetimepicker >

的ParseFormats选项的类型为string []可以由a赋值ViewBag属性或模型的属性。

@(Html.Kendo().DateTimePicker() .Name("datetimepicker") .ParseFormats(新字符串[]{"MMMM yyyy"， "MMMM"}))

@ {ViewBag。ParseDates = new string[] {"MMMM yyyy"， "MMMM"};}  < / kendo-datetimepicker >

功能和特性

• 禁用日期
• 选定的日期
• 开始视图和导航深度
• 验证
• 日期和时间格式
• 日历类型
• 周数列
• DateInput集成
• 模板
• 全球化
• 可访问性

事件

您可以订阅所有的日期时间选择器事件．有关基本DateTimePicker事件的完整示例，请参阅演示了如何使用DateTimePicker的事件．

下面的示例演示如何通过处理程序名称订阅事件。

@(Html.Kendo().DateTimePicker() .Name("datetimepicker") .Events(e => e .Open("datetimepicker_open") .Close("datetimepicker_close") .Change("datetimepicker_change")))

function datetimepicker_open(){//处理打开事件。} function datetimepicker_close(){//处理关闭事件。} function datetimepicker_change(){//处理更改事件。｝

模板委托处理

下面的示例演示如何通过模板委托订阅事件。

@(Html.Kendo(). datetimepicker (). name ("datetimepicker") . events (e => e. open (@ function(){//内联处理打开事件。} ) . change (@ function(){//内联处理更改事件。} )))

引用现有实例

要引用现有的DateTimePicker实例，请使用jQuery.data ()配置选项。建立了引用之后，使用DateTimePicker客户端API控制它的行为。

下面的示例演示如何访问现有的DateTimePicker实例。

//在你的DateTimePicker后放置以下ASP. exeNET Core声明。