- 追加された行はこの色です。
- 削除された行はこの色です。
閲覧総計:&counter(); (本日:&counter(today); 昨日:&counter(yesterday);)
カレンダ コントロールの祝日・会社休日をピンクで表示する方法を確認した。
DBに祝日・会社休日情報を用意し、カレンダ表示に反映させる。
土日は、カレンダ コントロールのプロパティ設定:WeekendDayStyleのBackColorを
LightPinkに設定する事で対応する。 10/08/10
#ref(カレンダで弁当注文画面60.jpg);
#ref(ac弁当注文テーブル.jpg);
開発環境:VWD2008 + Access2003 + SQL Server2008
サーバ:ASP.NET3.5 + Access2003
【機能】 カレンダの日付をクリックするだけで、その日の昼食弁当の予約がMS-AccessDBへINSERT
され、DBへ保存された情報がすぐにカレンダに表示され確認出来る。
【稼働画面】
#ref(ac弁当注文テーブル.jpg);
#ref(カレンダで弁当注文画面60.jpg);
【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>
【参考にしたページ】
なし
#comment_nospam
#vote(参考になった[0],ふつう[0],参考にならなかった[0])