日期控件 DatePicker
功能說明:
1. 全面的樣式 --- 樣式定義全面(幾乎包括所有項)。
2. 文字字符 --- 可自定義按鈕、日曆月份、日曆星期、日曆週上顯示的文字字符。
3. 日期格式排版 --- 支持日期編輯框自定義格式更改。
4. 全面的日期輸入 --- 支持日期編輯框鍵盤數字輸入,
支持年月日選擇,鍵盤方向左右鍵(年月日順序)、鼠標點選,
支持年月日增減,鍵盤方向上下鍵、鼠標中鍵翻滾。
5. 日曆年份排版 --- 支持日曆中年份顯示自定義格式更改。
6. 空日期格式 --- 支持空日期格式。
7. 樣式選擇 --- 支持樣式方案快捷選擇(目前2種)。
8. 設計時外觀 --- 可變更設計時外觀。
9. 日曆位置 --- 可自定義日曆與日期框之間的距離。
10. 支持 Css --- 擴展了更多的樣式定義,如圖形化界面。
全面的樣式
DatePicker 控件是由 日期輸入框 和 日曆選取框 兩個部分組成的。該兩部分樣式均可定義。
1. 日期輸入框
屬性分部圖如下:
日期編輯樣式:
DateEditStyle 屬性
ButtonStyle 屬性
DatePickerStyle 屬性
2. 日曆選取框
樣式屬性分部圖如下:
日曆樣式:
CalendersStyle 屬性
日曆年份樣式:
YearButtonHeight 屬性,定義年份按鈕的高度。
YearButtonWidth 屬性,定義年份按鈕的寬度。
CalenderNextYearStyle 屬性
CalenderNextYearOverStyle 屬性,定義年份按鈕停留時的樣式。
CalenderPrevYearStyle 屬性
CalenderPrevYearOverStyle 屬性
CalenderYearStyle 屬性
日曆月份樣式:
CalenderMonthsStyle 屬性
CalenderMonthJanuaryStyle 屬性,一月
CalenderMonthJanuaryOverStyle 屬性
CalenderMonthFebruaryStyle 屬性,二月
CalenderMonthFebruaryOverStyle 屬性
CalenderMonthMarchStyle 屬性,三月
CalenderMonthMarchOverStyle 屬性
CalenderMonthAprilStyle 屬性,四月
CalenderMonthAprilOverStyle 屬性
CalenderMonthMayStyle 屬性,五月
CalenderMonthMayOverStyle 屬性
CalenderMonthJuneStyle屬性,六月
CalenderMonthJuneOverStyle屬性
CalenderMonthJulyStyle屬性,七月
CalenderMonthJulyOverStyle屬性
CalenderMonthAugustStyle屬性,八月
CalenderMonthAugustOverStyle屬性
CalenderMonthSeptemberStyle屬性,九月
CalenderMonthSeptemberOverStyle屬性
CalenderMonthOctoberStyle屬性,十月
CalenderMonthOctoberOverStyle屬性
CalenderMonthNovemberStyle屬性,十一月
CalenderMonthNovemberOverStyle屬性
CalenderMonthDecemberStyle屬性,十二月
CalenderMonthDecemberOverStyle屬性
CanenderSelectorMonthStyle屬性, 定製停留時的月份樣式。
CanenderSelectedMonthStyle 屬性,定製當前日期的月份樣式。
CanenderTodayMonthStyle屬性,定製今天日期的月份樣式。
日曆周樣式:
CalenderWeekHeaderStyle 屬性
CalenderWeekStyle 屬性
日曆星期樣式:
CalenderWeekSundayStyle 屬性,星期日
CalenderWeekMondayStyle 屬性,星期一
CalenderWeekTuesdayStyle 屬性,星期二
CalenderWeekWednesdayStyle 屬性,星期三
CalenderWeekThursdayStyle 屬性,星期四
CalenderWeekFridayStyle 屬性,星期五
CalenderWeekSaturdayStyle 屬性,星期六
日曆日樣式:
CalenderDaysStyle屬性
CalenderDayStyle屬性
CalenderWeekendDayStyle屬性,定製周未的樣式。
CalenderOtherMonthDayStyle屬性,定製其它月份不可選擇的樣式。
CalenderSelectedDayStyle 屬性,定製當前日期的天的樣式。
CalenderSelectorDayStyle 屬性,定製選擇時的樣式。
CalenderSelectorDayOverStyle 屬性,定製選擇時停留的樣式。
CalenderTodayDayStyle 屬性,定製今天的樣式。
日曆按鈕樣式:
CalenderButtonsStyle 屬性
CalenderButtonClearStyle 屬性,清空按鈕。
CalenderButtonClearOverStyle 屬性
CalenderButtonTodayStyle 屬性,今天按鈕。
CalenderButtonTodayOverStyle 屬性
CalenderButtonConfirmStyle 屬性,確定按鈕。
CalenderButtonConfirmOverStyle 屬性
CalenderButtonCloseStyle 屬性,關閉按鈕。
CalenderButtonCloseOverStyle 屬性
按鈕文字
配合樣式屬性可達到更多的效果。可改變的文字主要分佈在:
1. 日期編輯框
日期編輯樣式:
ButtonText 屬性,激活日曆選取框的按鈕文字,默認“6”,配合 ButtonStyle 樣式可達到很多效果。
如:ButtonStyle.Font.Name = “Webdings”,即可呈現“ ”
2. 日曆選取框
日曆年份樣式:
CalenderNextYearText 屬性,
CalenderPrevYearText 屬性,
日曆月份樣式:
CalenderMonthText 屬性,包括十二個月份的文字字符定義。
日曆周樣式:
CalenderWeekHeaderText 屬性,默認“周”
日曆星期樣式:
CalenderWeekDayText 屬性,包括各星期的文字字符定義。
日曆按鈕樣式:
CalenderButtonText 屬性,包括清空、今天、確定、關閉四個功能按鈕的文字字符定義。
日期格式排版
日期編輯框非固定格式。可自定義日期編輯框進行人性化的日期編輯。
日期編輯樣式:
DateEditFormat 屬性,
設置日期框中日期的編輯格式,默認“YYYY年MM月DD日”。其中 YYYY 代表年、MM 代表月、DD 代表日,在設置此屬性時必需存在。
如,“YYYY年MM月DD日”,呈現 2007年06月29日
“DD – MM – YYYY”,呈現 29 – 06 – 2007
全面的日期輸入
支持日期編輯框鍵盤數字輸入,
支持年月日選擇,鍵盤方向左右鍵(年月日順序)、鼠標點選,
支持年月日增減,鍵盤方向上下鍵、鼠標中鍵翻滾
在默認格式編輯狀態(DateEditFormat = “YYYY年MM月DD日”)下,如下圖:
日曆年份排版
日曆年份樣式:
YearFormat 屬性,
設置日曆中年份顯示的樣式,默認“YYYY年”。其中 YYYY 代表年,在設置此屬性時必需存在。
如,“YYYY年”,呈現 2007年、“Year YYYY”,呈現 Year 2007。
空日期格式
日期編輯格式:
DateIsDateNow 屬性,日期編輯框中值爲空時,是否用當前(今天)日期替換,
即日期編輯框中就否存在空字符形式。默認(False)。
樣式選擇
在加入頁面的 DatePicker 控件上右鍵,在菜單中選擇“自動套用格式…”,出現樣式方案選擇對話框。可選擇“默認”、“灰”、“藍”。如下圖:
設計時外觀
在設計時,控件的樣式可分兩種模式顯示:
1. 日曆設計模式( 默認 ),CalendersVisible 屬性的值爲 False。
在此模式下,當改變日曆的某項外觀樣式屬性時,即可呈顯所需樣式,便於設計。
2. 簡約設計模式,CalendersVisible 屬性值改爲 True。
此模式也稱 運行設計模式,因爲此模式樣式即爲頁面運行後的樣式。
在此模式下,以便於在整個頁面設計上控件的排置。
如圖:
日曆位置
日曆選取框的相對(日期編輯框)位置可改變。
X 屬性,水平方向,值爲整數值,可爲負值。默認爲“0”。
Y 屬性,垂直方向,值爲整數值,可爲負值。默認爲“0”。
X與Y均爲默認值時,日期編輯框與日曆水平方向齊平、垂直方向間隔爲1px.。
如:X = 10,Y=10
支持 Css
爲了達到更多的效果,主要針對圖形化界面,因而採用了 CSS。
但是,由於 DOCTYPE 的緣故,在使用 CSS 進行樣式定義的時候某此屬性需進行樣式定義。
如:
日期編輯樣式項中的 ButtonStyle 、DateEditStyle 、DatePickerStyle 屬性進行 CssClass 值設置,可能需要對該樣式中的其它樣式屬性值進行設置。
例:對ButtonStyle 進行圖形化(如下圖),
固定層控件 Wfd
功能說明:
實現層中的內容固定在頁面的位置。
Position 屬性,包括 全屏、
左上角、上居中、右上角、
左居中、居中(默認)、右居中、
左下角、下居中、右下角
等10個位置。
X 屬性,可根據 Position 屬性進行相對水平偏移設置。(默認0)
Y 屬性,可根據 Position 屬性進行相對垂直偏移設置。(默認0)