zoukankan      html  css  js  c++  java
  • 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脚本

    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         }
  • 相关阅读:
    如何确保消息不丢失?
    消息基于什么传输?
    如何确保消息正确地发送至 RabbitMQ?如何确保消息接收方消费了消息?
    消息怎么路由?
    消息如何分发?
    mq 的缺点?
    RabbitMQ 的集群?
    使用 RabbitMQ 有什么好处?
    如何避免消息重复投递或重复消费?
    什么是 rabbitmq?
  • 原文地址:https://www.cnblogs.com/hfliyi/p/2497404.html
Copyright © 2011-2022 走看看