[C#/ASP.NET] Calendar 클래스 : 스타일 설정하기

■ Calendar 클래스에서 스타일을 설정하는 방법을 보여준다.

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Calendar 클래스 : 스타일 설정하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:Calendar ID="calendar" runat="server"
                    Width="220px"
                    Height="200px"
                    BorderWidth="1px"
                    BorderColor="RoyalBlue"
                    BackColor="White"
                    Font-Names="나눔고딕코딩"
                    Font-Size="16pt"
                    ForeColor="Black"
                    DayNameFormat="Shortest"
                    ShowGridLines="True">
                    <DayHeaderStyle
                        Height="1px"
                        BackColor="RoyalBlue"
                        ForeColor="White"
                        Font-Bold="True">
                    </DayHeaderStyle>
                    <NextPrevStyle
                        Font-Size="16pt"
                        ForeColor="Black">
                    </NextPrevStyle>
                    <OtherMonthDayStyle ForeColor="#CC9966" />
                    <SelectedDayStyle
                        BackColor="#CCCCFF"
                        Font-Bold="True">
                    </SelectedDayStyle>
                    <SelectorStyle BackColor="#FFCC66" />
                    <TitleStyle
                        BackColor="White"
                        Font-Bold="True"
                        Font-Size="16pt"
                        ForeColor="Black">
                    </TitleStyle>
                    <TodayDayStyle
                        BackColor="#FFCC66"
                        ForeColor="White">
                    </TodayDayStyle>
                </asp:Calendar>
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>Calendar 클래스 : 스타일 설정하기</title>

</head>

<body>

<div>

<asp:Calendar ID="calendar" runat="server"

Width="220px"

Height="200px"

BorderWidth="1px"

BorderColor="RoyalBlue"

BackColor="White"

Font-Names="나눔고딕코딩"

Font-Size="16pt"

ForeColor="Black"

DayNameFormat="Shortest"

ShowGridLines="True">

<DayHeaderStyle

Height="1px"

BackColor="RoyalBlue"

ForeColor="White"

Font-Bold="True">

</DayHeaderStyle>

<NextPrevStyle

Font-Size="16pt"

ForeColor="Black">

</NextPrevStyle>

<SelectedDayStyle

BackColor="#CCCCFF"

Font-Bold="True">

</SelectedDayStyle>

<TitleStyle

BackColor="White"

Font-Bold="True"

Font-Size="16pt"

ForeColor="Black">

</TitleStyle>

<TodayDayStyle

BackColor="#FFCC66"

ForeColor="White">

</TodayDayStyle>

</asp:Calendar>

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

TestProject.zip