日期控件

.net中有几种日期控件的显示方式,下面简单的介绍几种:

1、 Calendar:.net自带的一种日期显示控件,唯一的缺陷就是每次对日历进行操作的时候都会造成回传,

所以效果不是很好

2、 js版的日历控件-My97DatePicker:   
       <head runat="server">
       <title></title>

   <script src="../My97DatePicker/WdatePicker.js" type="text/javascript"    

    charset="gb2312"></script>
       </head>
        <body>
      <form id="form1" runat="server">
      <div>
       <asp:TextBox ID="DateText"  runat="server" CssClass="Wdate" onFocus="new WdatePicker  

    (this,'%Y-%M-%D 23-%m',true,'default')"></asp:TextBox>
        </div>
        </form>
        </body>

 

<asp:TextBox ID="txt_efhDate" runat="server" Width="80px" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"></asp:TextBox>

 this.tb_stime.Attributes.Add("onfocus", "WdatePicker({readOnly:true})");

注:有的时候,使用改日历控件在ie8上的时候,容易出现刷新,效果很不好,这是因为版本的问题,好像4.2以后的版本就不会出现这个问题了,最好使用最新版本的..

       3、Ajax自带的无刷新的日历控件

       4、jquery的插件calendar.js

           下载:calendar.js

           页面代码

          

<!-先引入js-!>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/calendar.js"></script>

然后在文本框中添加日历即可
 <asp:TextBox ID="txtEndTime" runat="server" CssClass="input required dateISO" size="20" maxlength="20"
            onclick="return Calendar('txtEndTime');"></asp:TextBox>

 

你可能感兴趣的:(日期控件)