[習題]日曆(Calendar)控制項的障眼法（.Visible屬性），使用時才出現？不用就消失？

2013-09-02

摘要:[習題]日曆(Calendar)控制項的障眼法（.Visible屬性），使用時才出現？不用就消失？

昨天上課時，學員發問的問題

作法非常簡單。

還是透過 .Visible屬性（現形？隱形），簡單的說，就是障眼法！

執行成果如下：

首先，您看不見日曆控制項。

必須按下「日曆小圖示」，才會出現日曆控制項喔！

然後可以點選日曆，代替自己輸入日期。

日期會自動帶入TextBox裡面（這個作法，書本上有了）

這個範例完全沒有技巧，只要拼拼湊湊就能完成

昨天上課，沒有教日曆控制項，

直接靠「經驗」，自己把玩就能做出很多功能。

這種「自我學習」的方式，面對新技術才會輕鬆......

想知道這些學員「上課第一天」就瞬間提升功力的秘訣嗎？......來上課吧！！

ASP.NET控制項，讓您「做得更多，寫得更少」

您也可以利用 jQuery UI做到類似的功能，請看：http://jqueryui.com/datepicker/

（名為 DatePicker）

這裡可以找到很多可愛的日曆小圖示，請看：http://www.iconpng.com/tag/%E5%8F%B0%E5%8E%86

HTML畫面設計：

請輸入日期：<asp:TextBox ID="TextBox1" runat="server" ReadOnly="True"></asp:TextBox>

<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="您找到的小圖片"

OnClick="ImageButton1_Click" />

<br />

<asp:Calendar ID="Calendar1" runat="server" Visible="False"

OnSelectionChanged="Calendar1_SelectionChanged"></asp:Calendar>

（請事先設定Calendar的 .Visible = false，隱形）<br />

<br />

後置程式碼如下：

（VB只要在程式後面，不加 "分號(;)"即可）

protected void ImageButton1_Click(object sender, ImageClickEventArgs e)

{

Calendar1.Visible = true; //看得見！現形！

}

protected void Calendar1_SelectionChanged(object sender, EventArgs e)

{

TextBox1.Text = Calendar1.SelectedDate.ToShortDateString();

Calendar1.Visible = false; //選完日期後，看不見！隱形！

}

我將思想傳授他人，他人之所得，亦無損於我之所有；

猶如一人以我的燭火點燭，光亮與他同在，我卻不因此身處黑暗。----Thomas Jefferson

線上課程教學，遠距教學 (Web Form 約 51hr) https://dotblogs.com.tw/mis2000lab/2016/02/01/aspnet_online_learning_distance_education_VS2015

線上課程教學，遠距教學 (ASP.NET MVC 約 135hr) https://dotblogs.com.tw/mis2000lab/2018/08/14/ASPnet_MVC_Online_Learning_MIS2000Lab

寫信給我，不要私訊 -- mis2000lab (at) yahoo.com.tw 或 school (at) mis2000lab.net

(1) 第一天 ASP.NET MVC5 完整影片（5.5小時 / .NET 4.x版）免費試聽。影片 https://youtu.be/9spaHik87-A

(2) 第一天 ASP.NET Core MVC 完整影片（3小時 / .NET Core 6.0~8.0）免費試聽。影片 https://youtu.be/TSmwpT-Bx4I

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm 。 https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b

ASP.NET遠距教學、線上課程（Web Form + MVC）。第一天課程， "完整" 試聽。

......... facebook社團 https://www.facebook.com/mis2000lab ......................

......... YouTube (ASP.NET) 線上教學影片 https://www.youtube.com/channel/UC6IPPf6tvsNG8zX3u1LddvA/

Blog文章 "附的範例" 無法下載，請看 https://dotblogs.com.tw/mis2000lab/2016/03/14/2008_2015_mis2000lab_sample_download

請看我們的「售後服務」範圍（嚴格認定）。

......................................................................................................................................................

ASP.NET MVC => .NET Core MVC 線上教學 ...... 第一天課程完整內容 "免費"讓您評估 / 試聽

[遠距教學、教學影片] ASP.NET (Web Form) 課程上線了！MIS2000Lab.主講事先錄好的影片，並非上課側錄！觀看時，有如「一對一」面對面講課。

回首頁

ASP.NET專題實務 WebForm + MVC線上教學影片 -- MIS2000Lab.

MIS2000 Lab.已推出20餘本電腦書，曾任資策會專任講師與微軟MVP。自.NET 1.x起，已出版15本ASP.NET (Web Form)書籍，也有遠距教學線上教程教學影片