.Net中默認提供了Calendar日期控件,但是它有一個缺陷,就是每次日歷的顯示,隱藏和用戶的的選擇日期都會造成回傳。
在網上找到My97DatePicker這個js日期控件,不錯,和大家分享一下。
My97DatePicker日期控件在網上很多都可以免費下載,也有該控件的網站
把下載好的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" align="absmiddle"> <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你對應的路徑
實例效果:
為大家附3個精彩的專題:
ASP.NET控件使用手冊
ASP.NET數據綁定控件使用匯總
ASP.NET控件使用匯總
以上就是本文的全部內容,希望對大家的學習有所幫助。