2、設計一個註冊頁面，使用js日曆控制項協助使用者輸入出生日期。效果：
學習項目一 Calendar日曆控制項
1、在網站下建立一個Calendar頁面，並在頁面上拖放一個TextBox控制項用來輸入日期，一個Calendar1日曆控制項對其進行屬性設定，設定日期以藍色的完整名稱顯示，周末以黃色背景紅色文字顯示，而當前日期使用綠色背景顯示，使用者可以選擇一天、一周或整個月，被選的天/周/月使用灰色背景色來顯示。
2、在頁面運行時，當使用者在Calendar1控制項上選擇日期後會觸發SelectionChanged事件。在Calendar.aspx.cs檔案中編寫如下代碼：
protected void Calendar1_SelectionChanged(object sender, EventArgs e) { TextBox7.Text = Calendar1.SelectedDate.ToString(); }}
學習項目二 Js版日曆控制項
(1)在網站下建立一個JSCalendar.aspx分頁檔,在頁面中添加一個TextBox控制項，在JSCalendar.aspx.中編寫如下代碼：
<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>無標題頁</title></head><body><script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script> <form id="form1" runat="server"> <div> <asp:TextBox ID="TextBox1" runat="server" CssClass="Wdate" Text="" onfocus="new WdatePicker(this,'%Y-%M-%D-%h:%m',true,'default')"></asp:TextBox> </div> </form></body></html>
(2)運行將游標移動到TextBox控制項上時，就會啟用，顯示日曆
運行：
以上就是本文的全部內容，希望對大家學習ASP.NET中日曆控制項的使用方法有所協助。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
