我在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中的日期。
我需要一些建议
看一下下面的演示:
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是另一个日期选择器,用于选择最小或最大日期。
如果你看一下演示-演示是不言自明的