.Net中默認(rèn)提供了Calendar日期控件,但是它有一個(gè)缺陷,就是每次日歷的顯示,隱藏和用戶的的選擇日期都會(huì)造成回傳。
在網(wǎng)上找到My97DatePicker這個(gè)js日期控件,不錯(cuò),和大家分享一下。
My97DatePicker日期控件在網(wǎng)上很多都可以免費(fèi)下載,也有該控件的網(wǎng)站
把下載好的My97DatePicker.jar解壓,黏貼到項(xiàng)目根目錄下,當(dāng)然這個(gè)位置大家可以自己設(shè)置
我在根目錄下新建了一個(gè)test.aspx頁(yè)面
源代碼:
<%@ 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你對(duì)應(yīng)的路徑
實(shí)例效果:
為大家附3個(gè)精彩的專題:
ASP.NET控件使用手冊(cè)
ASP.NET數(shù)據(jù)綁定控件使用匯總
ASP.NET控件使用匯總
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com