.Net中默認提供了Calendar日期控件，但是它有一個缺陷，就是每次日歷的顯示，隱藏和用戶的的選擇日期都會造成回傳。
在網上找到My97DatePicker這個js日期控件,不錯，和大家分享一下。
My97DatePicker日期控件在網上很多都可以免費下載，也有該控件的網站
把下載好的My97DatePicker.jar解壓，黏貼到項目根目錄下，當然這個位置大家可以自己設置
我在根目錄下新建了一個test.aspx頁面
源代碼：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
<%@ 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你對應的路徑
實例效果：
以上就是本文的全部內容，希望對大家的學習有所幫助。
