在javascript中另一个Telerik日期picker的onChange事件上设置Telerik日期picker的

本文关键字：picker Telerik 日期 事件 设置 onChange javascript 另一个 | 更新日期: 2023-09-27 18:17:19

我在ASP.NET MVC3和C#做项目。

我正在使用telerik Datepicker.

在更改一个日期选择器的事件时，我想设置另一个日期选择器的minDate。

，并希望在javascript中这样做。

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<ViewModel>" %> 
.
.                                                                                                                                         
                            <div class="editor-label">
                                <%: Html.LabelFor(model => model.StartDate) %>
                            </div>                     
                            <div class="editor-field">                               
                                       <%: Html.Telerik().DatePickerFor(model => model.StartDate).ClientEvents(events => events.OnChange("OnChangeDatePicker")))%>                                                                            
                            </div>
.
.

我试过这样做:

function OnChangeDatePicker(e) {
    var d = new Date(e.date);
    StartDate = (d.getMonth() + 1) + '/' + d.getDate() + '/' + d.getFullYear();
    var datePicker = $("#ApprovalDate").data("tDatePicker");
    var minDate = new Date(StartDate);
    minDate.setDate(StartDate);
    datePicker.min(minDate);  
}

但是它给我错误，datepicker.min()是无效的。

此函数将在"StartDate"日期拾取器的OnChange事件中调用。

在这个函数中，我想设置"ApprovalDate" datepicker的minDate，它将是StartDate datepicker中的日期。

我需要一些建议

在javascript中另一个Telerik日期picker的onChange事件上设置Telerik日期picker的

看一下下面的演示:

http://demos.telerik.com/aspnet-mvc/datepicker/clientsideapi

有一个按钮说"设置最小日期"。这将设置另一个日期选择器的最小日期。基本上这些控件都有一个富客户端API。因此，您需要使用正确的方法从客户端处理控件。

下面是在日期选择器控件上设置最小日期的JavaScript代码: 
function getDatePicker() 
{            
var datePicker = $('#DatePicker').data("tDatePicker");            
return datePicker;        
}
function minDatePicker() 
{            
var value = $('#DatePickerMinOrMax').data("tDatePicker").value();            
getDatePicker().min(value);        
}

在上面的代码中- DatePicker是我想设置最小日期的主要控件。DatePickerMinorMax是另一个日期选择器，用于选择最小或最大日期。

如果你看一下演示-演示是不言自明的

相关文章：