[习题]日历(Calendar)控件的障眼法（.Visible属性），使用时才出现？不用就消失？

原文出處  http://www.dotblogs.com.tw/mis2000lab/archive/2013/09/02/calendar_icon_visible.aspx

[习题]日历(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 />

        <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;    //选完日期后，看不见！隐形！

    }