ASP。NET Core DatePicker概述

Telerik UI for ASP。网络核心Ninja image

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

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

DatePicker使用户能够从日历中或通过直接输入选择日期。它提供了为其使用自定义模板的选项视图,设置最小和最大日期、开始视图和导航深度。

基本配置

下面的示例演示了DatePicker的基本配置。

@(Html.Kendo(). datepicker (). name ("datepicker") // datepicker的名称是必选项。. min (new DateTime(1900,1,1)) //设置DatePicker的最小日期。. max (new DateTime(2099,12,31)) //设置DatePicker的最大日期。. value (DateTime. today) //设置DatePicker的值。)
 < / kendo-datepicker >

功能和特性

事件

你可以订阅所有的DatePicker事件.有关DatePicker事件的完整示例,请参阅关于处理DatePicker事件的演示

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

@(Html.Kendo().DatePicker() .Name("datepicker") .Events(e => e .Open("datepicker_open") .Close("datepicker_close") .Change("datepicker_change")))
function datepicker_open(){//处理打开事件。} function datepicker_close(){//处理关闭事件。} function datepicker_change(){//处理更改事件。}

模板委托处理

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

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

引用现有实例

要引用现有的Telerik UI DatePicker实例,请使用jQuery.data ()方法。建立了引用之后,使用DatePicker客户端API控制它的行为。

//在你的Telerik UI DatePicker后面放置以下代码NET Core声明。