C# 土法煉鋼用DataList自製行事曆 @ 健康活躍的傑妮新生活

之前都是利用Calendar控制項提供日曆的畫面及選項：
http://jerry5217.pixnet.net/blog/post/237961279

但如果要針對特定日期加註解或說明，似乎就沒這麼方便了！
行事曆是一週七天反覆循環的表格，所以決定土法煉鋼自己畫一個來用，
像桌曆一樣一次顯示一個月可以換到上或下個月，如下圖：

這個畫面分三個部分，最上面藍色箭頭區域用Label控制項顯示當月份的字樣，
並且在左右二邊用ImageButton控制項執行換到"上"或"下"個月的動作，
節錄程式碼如下：

中間綠色箭頭的部分顯示週日~週六的抬頭，字樣不須變化每格寬度固定100px，
這裡用最基本的Html畫表格(Table)的語法就可以了，

最下面紅色箭頭區域依據每七天一週循環的表格方式就是我要利用DataList的地方，
一樣用固定100px寬度，然後再將日期數字放入對應的位置，
前端網頁程式碼如下：

DataList的名稱為DL_BookingCalendar一週七天循環一個Item，
表格中的每一格即代表該月的其中一天，每天設定二個Label控制項，
Label名稱包含Title的控制項，設定用來顯示當天日期的數字，
Label名稱包含Body的控制項，設定用來顯示當天標註說明的內容，
所以一週七天一共會有14個Label控制項。

前端網頁程式碼都設定完成，接下來就是後端如何整理好資料把它塞進去，
使用DataList之前必須先加入System.Data的Namespace

概念是利用System.Data中的DataTable建構完整的資料後，
再將整份表格(Table)資料倒進去(DataBind)給DataList物件，
先說明一下表格的觀念：

以上圖說明，縱向的欄位叫做Column橫向的欄位稱作Row，
Column與Row對應的內容(Cell)就是Data(資料)，

※ 建構DataTable的步驟：
1. 建立DataTable物件，並新增Column欄位與定義欄位名稱
（以上圖表格為例新增Column-1~Column-5總共五個欄位）
2. 在DataTable物件中新增一筆Row，並設定對應Column的資料
3. 重複步驟2.將欄位內容(Cell)中的資料(Data)逐筆設定完成
（以上圖表格為例步驟2.總共執行五次Row-1~Row-5）
4. 將整份DataTable的資料內容倒(DataBind)給DataList

如果要像桌曆方式呈現完整的一個月，
不可能每個月的第1天都在週日，更不可能最後一天都在週六，
所以一個表格呈現一個月，第一週及最後一週前後都會留空白，
其餘完整一週的7天每一個Cell都會存放資料，

※ 建構一個指定月份表格的步驟：
1. 找出該月第一天是星期幾
2. 找出該月一共有幾天
3. 建立DataTable物件
4. 設定第一週的內容
5. 設定第二週之後不含最後一週的內容
6. 設定最後一週的內容
7. 將DataTable物件內容Binding給DataList

█ 步驟3.即是上述建構DataTable的步驟的1.
█ 步驟4.~6.即是上述建構DataTable的步驟的2.及3.
█ 步驟7.即是上述建構DataTable的步驟的4.

█ 步驟1.要找出指定月份的第一天是星期幾，
只要利用指令DayOfWeek即可：

在這裡回應的內容不是0~6的數字喔！
是"Sunday"、"Monday"、"Tuesday"...星期幾的英文全名，
所以我們可以得到2018年1月的第1天是星期一(Monday)，
執行步驟3(第一週內容)時便由此為依據。

█ 步驟2.我們要找指定的那個月份總共有幾天，
也就是最後一天的日期，利用指令DaysInMonth即可取得：

所以我們得到2018年1月的總天數(最後一天的日期)是31，
執行上述步驟5(最後一週內容)時便由此為依據。

首先，
我們先建立一個DataTable並定義與DataList控制項相對應的Column，
意即上述建構DataTable的步驟1.
程式碼節錄如下：

開始逐日將日期數字填入DataTable前，我們先宣告一個變數，
int iM = 0; 這個變數隨時記錄目前處理的日期數字，
該月第一週的內容取決於當月第一天在星期幾，
開始執行上述建構DataTable的步驟2.
如果是星期日(Sunday)該(Row)就從第1格(Cell)開始依序填入日期，