カレンダの祝日・会社休日のピンク表示法のバックアップ(No.1)

閲覧総計：4786　　（本日：1　　昨日：0)

　カレンダコントロールの祝日・会社休日をピンクで表示する方法を確認した。

　ＤＢに祝日・会社休日情報を用意し、カレンダ表示に反映させる。
　土日は、カレンダコントロールのプロパティ設定：WeekendDayStyleのBackColorを
LightPinkに設定する事で対応する。　　10/08/10

#ref(): File not found: "カレンダで弁当注文画面60.jpg" at page "カレンダの祝日・会社休日のピンク表示法"

#ref(): File not found: "ac弁当注文テーブル.jpg" at page "カレンダの祝日・会社休日のピンク表示法"

開発環境：VWD2008 + Access2003 + SQL Server2008
サーバ：ASP.NET3.5 + Access2003

【機能】　カレンダの日付をクリックするだけで、その日の昼食弁当の予約がMS-AccessDBへINSERT
され、DBへ保存された情報がすぐにカレンダに表示され確認出来る。

【稼働画面】

#ref(): File not found: "ac弁当注文テーブル.jpg" at page "カレンダの祝日・会社休日のピンク表示法"

#ref(): File not found: "カレンダで弁当注文画面60.jpg" at page "カレンダの祝日・会社休日のピンク表示法"

【HolidayRender_ads.aspx】

<%@ Page Language="VB" %>
<%@ Import Namespace = "System.Data" %>

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

<script runat="server">
    Protected Sub cal_dayrender(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DayRenderEventArgs)
        ads.SelectParameters.Clear()
        ads.SelectParameters.Add("CalDate", e.Day.Date.ToString("yyyy/MM/dd"))
        
        Dim reader As IDataReader = ads.Select(DataSourceSelectArguments.Empty)
        ' 日付セル（e.Call）毎に繰り返し
        Do While reader.Read()
            '祝日・会社休日をLightPinkに
            e.Cell.BackColor = Drawing.Color.LightPink
        Loop
    End Sub

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        カレンダの祝日・会社休日ピンク表示　10/08/10<br />
        <br />
        <asp:AccessDataSource ID="ads" runat="server" 
            DataFile="~/App_Data/AccessDB.mdb" DataSourceMode="DataReader" 
            SelectCommand="SELECT [ID], [Holiday] FROM [CompanyHolidays] WHERE [Holiday] = @CalDate">
        </asp:AccessDataSource>
        <asp:Calendar id="cal" runat="server"
            DayHeaderStyle-BackColor="#FFCC66"
            onDayRender="cal_DayRender" ShowGridLines="true"
            BorderWidth="3" BorderColor="Black" Font-Name="Verdana"
            Font-Size="10px" TitleStyle-BackColor="#FFCC66"
            TitleStyle-Font-Size="12px" TitleStyle-Font-Bold="true"
            DayStyle-VerticalAlign="Top" DayStyle-Height="50px"
            DayStyle-Width="14%" SelectedDayStyle-BackColor="Navy"
            ShowNextPrev="True" NextPrevFormat="FullMonth" Width="504px"> 
            <SelectedDayStyle BackColor="#CC5533" />
            <WeekendDayStyle BackColor="LightPink" />
            <DayStyle VerticalAlign="Top" Height="50px" Width="14%"></DayStyle>
            <DayHeaderStyle BackColor="#FFCC66"></DayHeaderStyle>
            <TitleStyle BackColor="#FFCC66" Font-Bold="True" Font-Size="12px"></TitleStyle>
        </asp:Calendar>
        <br />
    
    </div>
    </form>
</body>
</html>

【参考にしたページ】
　　　なし

選択肢	投票
参考になった	0
ふつう	0
参考にならなかった	0

カレンダの祝日・会社休日のピンク表示法 のバックアップ(No.1)

カレンダの祝日・会社休日のピンク表示法のバックアップ(No.1)