DateRangePicker概述

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

下载免费试用

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

DateRangePicker是一个容器，用于保存开始日期和结束日期输入。它允许用户从日历或直接输入中选择日期范围。helper还支持其自定义模板月视图、最小日期和最大日期的配置选项、开始视图和导航深度。

• DateRangePicker HtmlHelper的演示页面

• DateRangePicker TagHelper的演示页面

基本配置

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

@(Html.Kendo(). daterangepicker (). name ("daterangepicker") // daterangepicker的名称是必选项。. min (new DateTime(1900, 1,1)) //设置DateRangePicker的最小日期。. max (new DateTime(2099, 12,31)) //设置DateRangePicker的最小日期。. range (r => r. start (DateTime. now). end (DateTime. now . adddays(10))) //设置DateRangePicker的范围。)

  < / kendo-daterangepicker >

功能和特性

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

事件

你可以订阅所有的DateRangePicker事件．有关基本DateRangePicker事件的完整示例，请参阅演示了如何使用DateRangePicker的事件．

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

@(Html.Kendo(). daterangepicker (). name ("daterangepicker") . events (e => e . open("daterangepicker_open") . close ("daterangepicker_close") . change ("daterangepicker_change")))