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" align="absmiddle"> <br> <hr/> <asp:TextBox ID="TextBox3" runat="server" onfocus="WdatePicker({isShowWeek:true})"/></asp:TextBox> </div> </form> </body> </html>
上面代碼中大家要注意:
src="My97DatePicker/WdatePicker.js"指定WdatePicker.js你對應的路徑
實例效果:
為大家附3個精彩的專題:
以上就是本文的全部內容,希望對大家的學習有所幫助。
相關文章
.Net使用SuperSocket框架實現(xiàn)WebSocket前端
這篇文章介紹了.Net使用SuperSocket框架實現(xiàn)WebSocket前端,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2022-01-01asp.net Oracle數(shù)據(jù)庫訪問操作類
asp.net Oracle數(shù)據(jù)庫訪問操作類,需要的朋友可以參考一下2013-03-03ASP.NET簡化編輯界面解決思路及實現(xiàn)代碼(2)
這篇與前一篇改進部分,也許大家會留意到動畫演示,主要是GridVeiw的更新與刪除會在每row都有。因此Insus.NET把它抽取出來,放在GridView外,感興趣的朋友可以了解下啊,希望本文對你有所幫助2013-01-01asp.net數(shù)據(jù)綁定時動態(tài)改變值的代碼
.net數(shù)據(jù)綁定時動態(tài)改變值2010-06-06