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;
        }