0

我正在做ASP.NET MVC3项目C#

我正在使用 TelerikDatepicker.

在一个日期选择器的更改事件中,我想设置另一个日期选择器的 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()无效的错误。

该函数将在 datepicker 的 OnChange 事件上调用"StartDate"

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

我想要一些建议。

4

1 回答 1

0

看看下面的演示:

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

有一个按钮,上面写着“设置最小日期”。所以这将设置另一个日期选择器的最小日期。基本上,控件具有丰富的客户端 API。所以您需要使用正确的方法来处理来自客户端的控件。

下面是在日期选择器控件上设置 Min Date 的 JavaScript 代码:

function getDatePicker() 
{            
var datePicker = $('#DatePicker').data("tDatePicker");            
return datePicker;        
}

function minDatePicker() 
{            
var value = $('#DatePickerMinOrMax').data("tDatePicker").value();            
getDatePicker().min(value);        
}

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

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

于 2013-06-08T14:34:05.590 回答