今天的筆記很簡單!純粹是想要在表單提供一個日期選擇的方式,
當前端網頁有輸入日期的需求時盡量避免使用文字輸入欄位,
以免後端程式碼接收到一堆非制式或是無法預期的內容,
想創造的使用方式如下!
1)當使用者按下[選擇日期]按鈕時,頁面自動跳出日曆供選擇,
2)當使用者按下日曆中的某個日期時,立即顯示該日期並收回日曆。
首先我們在前端網頁設計,從工具箱拉出三個控制項物件:
Label:用於顯示所選擇的日期,取名:InterviewDate
Button:用於呼叫出日曆供使用者選擇,取名:InterviewDateBtn
Canlendar:提供使用者選擇的日曆,取名:InterviewCalendar
先將InterviewCalendar控制項的屬性設定Visible = false,
當使用者開啟網頁時日曆就不會先跑出來了,
以下後端二個區段的程式碼,就是上述的步驟1)及步驟2),
-------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------
目前的需求只需要日期就好,如果要再加時間的話建議直接取得系統當下的時間:
InterviewDate.Text += " " + DateTime.Now.Hour;
InterviewDate.Text += ":" + DateTime.Now.Minute;
InterviewDate.Text += ":" + DateTime.Now.Second;
這樣一來後端處理日期時間的格式就會統一:yyyy/mm/dd HH:MM:SS
延伸閱讀:
在行事曆提示資料庫中有資料內容的日期
用DataList控制項自製行事曆
所有筆記:程式開發隨手記
留言列表