telerik 的RadDatePicker 日期控件用法

项目中遇见要用telerik的RadDatePicker日期控件，在网上搜索半天，发现都是英文的文档。下面是我摸索出来的用法：

页面顶部引入

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

页面中引入ajax的

    <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>

然后把 telerik的RadDatePicker的html代码放到UpdatePanel控件中

  <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <telerik:RadDatePicker ID="RadStartDate" runat="server" MinDate="1900-01-01" MaxDate="2099-01-01">
                    <DateInput DateFormat="yyyy-MM-dd" onclick="StartDate()">
                    </DateInput>
                </telerik:RadDatePicker>
                <asp:Label ID="lbzhi" runat="server" Text="To"></asp:Label>
                <telerik:RadDatePicker ID="RadEndDate" runat="server" MinDate="1900-01-01" MaxDate="2099-01-01">
                    <DateInput DateFormat="yyyy-MM-dd" onclick="EndDate()">
                    </DateInput>
                </telerik:RadDatePicker>
            </ContentTemplate>
        </asp:UpdatePanel>

 

可以看到在上面的代码中有onclick事件函数，下面我们分别写StartDate()和EndDate() js脚本

   <script language="javascript" type="text/javascript">
           function StartDate() {
               $find('<%=RadStartDate.ClientID %>').showPopup();
           }
           function EndDate() {
               $find('<%=RadEndDate.ClientID %>').showPopup();
           }
    </script>

注：通常我们要把上面的js放置到页面的底部

后台代码中可以设置：

   this.RadStartDate.SelectedDate = DateTime.Now.AddMonths(-1);
            this.RadEndDate.SelectedDate = DateTime.Now;

 if (!this.RadStartDate.SelectedDate.HasValue)
        {
            MessageBox(Page, "初始时间不能为空");
            return;
        }
        if (!this.RadEndDate.SelectedDate.HasValue)
        {
            MessageBox(Page, "截止时间不能为空");
            return;
        }
        DateTime startDate;
        if (!DateTime.TryParse(this.RadStartDate.SelectedDate.Value.ToString(), out startDate))
        {
            MessageBox(Page, "初始时间格式不正确");
            return;
        }
        DateTime endDate;
        if (!DateTime.TryParse(this.RadEndDate.SelectedDate.Value.ToString(), out endDate))
        {
            MessageBox(Page, "截止时间格式不正确");
            return;
        }
        if (startDate > endDate)
        {
            MessageBox(Page, "初始时间不能大于截止时间");
            return;
        }