第七章RWD基礎元件設計第七章RWD基礎元件設計\7-3 DateBox、DateTimeBox、TimeBox、DateSelect

7-3 DateBoxDateTimeBoxTimeBoxDateSelect

 

Step1>         日期欄位類型在編輯時需要使用一個日曆的元件進行設計。打開前面做的"rwdMasterDetail1 "表單,選到【DataForm】元件,【Columns】屬性進來編輯。

 

我們使用"日期"這個欄位進行設計,點擊【Editor】屬性會彈跳出設計視窗,【Type】下拉選擇datebox

 

保存後瀏覽一下:

 

此外,也可以設定DataFormDatebox元件的顯示格式,Format屬性下拉有七種格式可以選擇:yyyy/mm/ddyyyy-mm-ddyyyy.mm.dddd/mm/yyyydd-mm-yyyymm/dd/yyyymm-dd/yyyy

 

 

Step2>         如果要顯示出時間,可以使用【datetimebox】元件。我們使用統計欄位這個欄位做示範,【Type】下拉選擇datetimebox

 

 

保存後瀏覽一下,選完日期可以再進行小時、分鐘的設置:

 

Step3>         如果只是單純想要編輯時分,可以選用timebox元件,MinuteStep屬性設定每個區間增加/減少的分鐘數。

 

 

Step4>         如果需要使用民國年進行日期欄位的編輯,可以使用"dateselect"元件,Format屬性設定為:"民國YYYMM",如果要用西元年,可以設定為"YYYYMM"

如需下拉選擇民國年月日,Format需設定為:"民國YYYMMDD"


 

Top of Page