【问题标题】:Set the min date of Telerik Datepicker on onChange event of another Telerik datepicker in javascript在javascript中另一个Telerik datepicker的onChange事件上设置Telerik Datepicker的最小日期
【发布时间】:2013-06-07 12:50:09
【问题描述】:

我正在ASP.NET MVC3C# 做项目。

我正在使用 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" datepicker 的 OnChange 事件上调用。

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

我想要一些建议。

【问题讨论】:

    标签: c# javascript asp.net-mvc-3 datepicker


    【解决方案1】:

    看看下面的演示:

    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 是另一个日期选择器,用于选择最小或最大日期。

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

    【讨论】:

    • 我参考了这个演示。但是我在另一个 datepicker 的 OnChange 事件上设置了最小日期。我试过但给了我错误:Microsoft JScript runtime error: Unable to get value of the property 'min': object is null or undefined
    • 我已经发布了我的函数,对不起先生,您想要哪个代码??
    • 我的意思是你完整的 ASPX 代码......很难用零碎的代码工作
    • 我无法发布我的完整代码,但我发布了调用该函数的 .ascx 的日期选择器。谢谢
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-05-22
    • 2012-04-25
    相关资源
    最近更新 更多