閲覧総計:&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])