日历控件 calendar 的基本运用

日历控件在网页中的基本运用

最新推荐文章于 2024-04-06 00:15:00 发布

原创最新推荐文章于 2024-04-06 00:15:00 发布 · 467 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ASP #UI #Web #XHTML #Security

asp.net 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何在网页中使用日历控件，包括年月日的选择与显示，以及点击事件处理。

日历控件的基本运用

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class Default4 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)//判断是否是首次加载
        {

            for (int i = 2000; i <= 2010; i++)
            {//假设年份为2000至2010
                this.DropDownList1.Items.Add(i.ToString());//将i值设置为第一个下拉列表项
            }

            for (int i = 1; i <= 12; i++)//假设月份为1至12
            {
                this.DropDownList2.Items.Add(i.ToString());//将i值设置为第二个下拉列表项
            }

            for (int i = 1; i <= 31; i++)//假设日期为1至31
            {
                this.DropDownList3.Items.Add(i.ToString());//将i值设置为第三个下拉列表项
            }
        }
    }
    protected void Button1_Click(object sender, EventArgs e)//按钮点击事件
    {

        
        //从下拉列表中选择年月日作为日历控件的显示,结果测试好像日期显示不对
        this.Calendar1.VisibleDate = Convert.ToDateTime(this.DropDownList1.SelectedValue+ "-" + this.DropDownList2.SelectedValue + "-" + this.DropDownList3.SelectedValue);
    }
    protected void Calendar1_SelectionChanged(object sender, EventArgs e)//日历控件的点击事件
    {
        string y = Calendar1.SelectedDate.Year.ToString();//获取日历控件的年份
        string m = Calendar1.SelectedDate.Month.ToString();//月份
        string d = Calendar1.SelectedDate.Day.ToString();//日期
        Response.Write(y + m + d);//显示到页面
    }
}


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Calendar ID="Calendar1" runat="server" BackColor="#FFFFCC" BorderColor="#FFCC66"
            BorderWidth="1px" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt"
            ForeColor="#663399" Height="200px" ShowGridLines="True" Width="220px" OnSelectionChanged="Calendar1_SelectionChanged">
            <SelectedDayStyle BackColor="#CCCCFF" Font-Bold="True" />
            <TodayDayStyle BackColor="#FFCC66" ForeColor="White" />
            <SelectorStyle BackColor="#FFCC66" />
            <OtherMonthDayStyle ForeColor="#CC9966" />
            <NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC" />
            <DayHeaderStyle BackColor="#FFCC66" Font-Bold="True" Height="1px" />
            <TitleStyle BackColor="#990000" Font-Bold="True" Font-Size="9pt" ForeColor="#FFFFCC" />
        </asp:Calendar>
        <br />
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />&nbsp;</div>
        <br />
        <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True">
        </asp:DropDownList>年<asp:DropDownList ID="DropDownList2" runat="server" AutoPostBack="True">
        </asp:DropDownList>
        月<asp:DropDownList ID="DropDownList3" runat="server" AutoPostBack="True">
        </asp:DropDownList>日
    </form>
</body>
</html>