溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

ASP.NET中日歷控件和JS版日歷控件的使用方法

發(fā)布時(shí)間：2021-09-02 12:29:48 來源：億速云 閱讀：132 作者：chen 欄目：開發(fā)技術(shù)

這篇文章主要介紹“ASP.NET中日歷控件和JS版日歷控件的使用方法”，在日常操作中，相信很多人在ASP.NET中日歷控件和JS版日歷控件的使用方法問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”ASP.NET中日歷控件和JS版日歷控件的使用方法”的疑惑有所幫助！接下來，請(qǐng)跟著小編一起來學(xué)習(xí)吧！

今天小編帶大家以做任務(wù)的形式了解ASP.NET中日歷控件的使用方法，主要任務(wù)內(nèi)容：
1、添加一個(gè)日歷，設(shè)置日期以藍(lán)色的完整名稱顯示，周末以黃色背景紅色文字顯示，而當(dāng)前日期使用綠色背景顯示，用戶可以選擇一天、一周或整個(gè)月，被選的天/周/月使用灰色背景色來顯示。當(dāng)選中一個(gè)日期后，把時(shí)間顯示在下面的一個(gè)文本框中，效果如圖所示：

2、設(shè)計(jì)一個(gè)注冊(cè)頁(yè)面，使用js日歷控件幫助用戶輸入出生日期。效果如圖所示：

ASP.NET中日歷控件和JS版日歷控件的使用方法

ASP.NET中日歷控件和JS版日歷控件的使用方法

學(xué)習(xí)項(xiàng)目一  Calendar日歷控件
1、在站點(diǎn)下創(chuàng)建一個(gè)Calendar頁(yè)面，并在頁(yè)面上拖放一個(gè)TextBox控件用來輸入日期，一個(gè)Calendar1日歷控件對(duì)其進(jìn)行屬性設(shè)置，設(shè)置日期以藍(lán)色的完整名稱顯示，周末以黃色背景紅色文字顯示，而當(dāng)前日期使用綠色背景顯示，用戶可以選擇一天、一周或整個(gè)月，被選的天/周/月使用灰色背景色來顯示。
2、在頁(yè)面運(yùn)行時(shí)，當(dāng)用戶在Calendar1控件上選擇日期后會(huì)觸發(fā)SelectionChanged事件。在Calendar.aspx.cs文件中編寫如下代碼：      

protected void Calendar1_SelectionChanged(object sender, EventArgs e)
 {
  TextBox7.Text = Calendar1.SelectedDate.ToString();
  }
}

學(xué)習(xí)項(xiàng)目二  Js版日歷控件
 (1)在站點(diǎn)下創(chuàng)建一個(gè)JSCalendar.aspx頁(yè)面文件,在頁(yè)面中添加一個(gè)TextBox控件，在JSCalendar.aspx.中編寫如下代碼：   

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
 <title>無標(biāo)題頁(yè)</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)運(yùn)行將光標(biāo)移動(dòng)到TextBox控件上時(shí)，就會(huì)激活，顯示日歷

運(yùn)行效果圖：

ASP.NET中日歷控件和JS版日歷控件的使用方法

ASP.NET中日歷控件和JS版日歷控件的使用方法

到此，關(guān)于“ASP.NET中日歷控件和JS版日歷控件的使用方法”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手