簡易日期控制項製作~~

來源:互聯網
上載者:User
1。添加幾個控制項(.aspx)<asp:TextBox runat="server" ID="txtMyTextBox">
    </asp:TextBox>
    <asp:ImageButton runat="Server" ID="ibtnDepartDate" ImageUrl="~/Images/calendar.gif"
                                        OnClick="calImageButton_Click"  AlternateText="Click Here"/>
    <asp:Calendar runat="server" ID="calMyCalendar"  Visible="False"
OnDayRender="myDayRenderMethod" OnSelectionChanged="calMyCalendar_SelectionChanged"
BackColor="White" BorderColor="#3366CC" BorderWidth="1px" CellPadding="1"
DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt" ForeColor="#003399"
 Height="200px" Width="220px">
        <SelectedDayStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />
        <TodayDayStyle BackColor="#99CCCC" ForeColor="White" />
        <SelectorStyle BackColor="#99CCCC" ForeColor="#336666" />
        <WeekendDayStyle BackColor="#CCCCFF" />
        <OtherMonthDayStyle ForeColor="#999999" />
        <NextPrevStyle Font-Size="8pt" ForeColor="#CCCCFF" />
        <DayHeaderStyle BackColor="#99CCCC" ForeColor="#336666" Height="1px" />
        <TitleStyle BackColor="#003399" BorderColor="#3366CC" BorderWidth="1px" Font-Bold="True"
            Font-Size="10pt" ForeColor="#CCCCFF" Height="25px" />
    </asp:Calendar>

 2。添加事件(.cs)    protected void calImageButton_Click(object sender, ImageClickEventArgs e)
    ...{
        calMyCalendar.Visible = true;
    }
    protected void calMyCalendar_SelectionChanged(object sender, EventArgs e)
    ...{
        if (calMyCalendar.Visible == true)
        ...{
            txtMyTextBox.Text = calMyCalendar.SelectedDate.ToString("dd/MM/yyyy");
            calMyCalendar.Visible = false;
        }

    }

3.使某些日期不可選擇    private int _nDaysToBlock;
    protected void Page_Load(object sender, EventArgs e)
    ...{
        _nDaysToBlock = 7;
    }
   
 protected void myDayRenderMethod(object sener, DayRenderEventArgs e)
    ...{

        if (e.Day.Date < (System.DateTime.Now.AddDays(_nDaysToBlock)))
        ...{
            e.Day.IsSelectable = false;
            e.Cell.Font.Strikeout = true;
        }
    }

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.