第九章RWD基礎元件設計第九章RWD基礎元件設計\9-3 DateBox、DateTimeBox、TimeBox

9-3 DateBoxDateTimeBoxTimeBox

 

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

 

 

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

 

 

保存後瀏覽一下:

 

 

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

 

 

 

Step2>    如果要顯示出時間,可以使用datetimebox元件。我們使用需求日期RequiredDate這個欄位做示範,Type下拉選擇datetimebox

 

 

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

 

 

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

 


 

Top of Page