telerik 的RadDatePicker 日期控件用法

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

页面顶部引入

页面源顶部引入

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

页面中引入ajax的

ScriptManager

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

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

UpdatePanel

 1   <asp:UpdatePanel ID="UpdatePanel1" runat="server">
 2             <ContentTemplate>
 3                 <telerik:RadDatePicker ID="RadStartDate" runat="server" MinDate="1900-01-01" MaxDate="2099-01-01">
 4                     <DateInput DateFormat="yyyy-MM-dd" onclick="StartDate()">
 5                     </DateInput>
 6                 </telerik:RadDatePicker>
 7                 <asp:Label ID="lbzhi" runat="server" Text="To"></asp:Label>
 8                 <telerik:RadDatePicker ID="RadEndDate" runat="server" MinDate="1900-01-01" MaxDate="2099-01-01">
 9                     <DateInput DateFormat="yyyy-MM-dd" onclick="EndDate()">
10                     </DateInput>
11                 </telerik:RadDatePicker>
12             </ContentTemplate>
13         </asp:UpdatePanel>

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

1    <script language="javascript" type="text/javascript">
2            function StartDate() {
3                $find('<%=RadStartDate.ClientID %>').showPopup();
4            }
5            function EndDate() {
6                $find('<%=RadEndDate.ClientID %>').showPopup();
7            }
8     </script>

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

后台代码中可以设置：

IsPostBack

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

获得起始时间和结束时间

 1  if (!this.RadStartDate.SelectedDate.HasValue)
 2         {
 3             MessageBox(Page, "初始时间不能为空");
 4             return;
 5         }
 6         if (!this.RadEndDate.SelectedDate.HasValue)
 7         {
 8             MessageBox(Page, "截止时间不能为空");
 9             return;
10         }
11         DateTime startDate;
12         if (!DateTime.TryParse(this.RadStartDate.SelectedDate.Value.ToString(), out startDate))
13         {
14             MessageBox(Page, "初始时间格式不正确");
15             return;
16         }
17         DateTime endDate;
18         if (!DateTime.TryParse(this.RadEndDate.SelectedDate.Value.ToString(), out endDate))
19         {
20             MessageBox(Page, "截止时间格式不正确");
21             return;
22         }
23         if (startDate > endDate)
24         {
25             MessageBox(Page, "初始时间不能大于截止时间");
26             return;
27         }

posted on 2012-05-12 18:22 梦里故乡阅读(6249) 评论(0) 编辑收藏举报

刷新页面返回顶部

工作中点滴记录

公告