ASP.NET使用My97DatePicker日期控件實例

字號:


    .Net中默認提供了Calendar日期控件,但是它有一個缺陷,就是每次日歷的顯示,隱藏和用戶的的選擇日期都會造成回傳。
    在網(wǎng)上找到My97DatePicker這個js日期控件,不錯,和大家分享一下。 
    My97DatePicker日期控件在網(wǎng)上很多都可以免費下載,也有該控件的網(wǎng)站 
    把下載好的My97DatePicker.jar解壓,黏貼到項目根目錄下,當然這個位置大家可以自己設置 
    我在根目錄下新建了一個test.aspx頁面 
    源代碼:
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head runat="server"> 
    <mce:script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js" mce_src="My97DatePicker/WdatePicker.js" charset="gb2312"></mce:script> 
    </head> 
    <body> 
      <form id="form1" runat="server"> 
      <div> 
        <asp:TextBox ID="txtDate" runat="server" onClick="WdatePicker()"></asp:TextBox> 
        <br> 
        <hr/> 
        <asp:TextBox ID="TextBox1" runat="server" onClick="WdatePicker()"></asp:TextBox> 
        <img onclick="WdatePicker({el:$dp.$('TextBox1')})" src="My97DatePicker/skin/datePicker.gif" mce_src="My97DatePicker/skin/datePicker.gif" width="16" height="22"> 
        <br> 
        <hr/> 
        <asp:TextBox ID="TextBox3" runat="server" onfocus="WdatePicker({isShowWeek:true})"/></asp:TextBox> 
      </div> 
      </form> 
    </body> 
    </html>  
    上面代碼中大家要注意:
    代碼如下:
    <script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js" charset="gb2312"></script>
    src="My97DatePicker/WdatePicker.js"指定WdatePicker.js你對應的路徑
    以上就是本文的全部內容,希望對大家的學習有所幫助。