A08-10 日期元件

1. 在設計表單時，可以在儲存格中插入日期元件，從而讓使用者在此儲存格中填入日期。

2. 日期元件作為一種填報元件，僅在填報預覽和新填報預覽時可見。

1

插入日期元件。

1. 選中B2儲存格，點擊【元件設定】，點擊下拉框，選擇【日期元件】。

2. 滑鼠右鍵點擊欄【B】，選擇【欄寬】，輸入40，點擊確定。

3. 同樣操作給C2儲存格也插入日期元件，調整欄寬。

4. 點擊填報預覽，在瀏覽器中查看效果，點擊元件可選擇日期。
   

2

基本-元件名。

1. 可以為B2、C2中插入的日期元件分別設定元件名。

2. 元件名可手動輸入任意名稱，也可選擇全域參數或伺服器資料源參數。

3. 元件名選擇參數，即將參數和元件進行了綁定，在元件中輸入的值，可通過參數來實時傳遞。

4. 擁有名稱後，可以通過JavaScript獲取元件，從而修改元件屬性。
   

3

基本-可用。

1. 勾選可用時，正常顯示。

2. 不勾選可用時，元件無法點擊執行。

3. 設定B2儲存格元件不可用，C2儲存格元件可用，預覽效果。

4

基本-可見。

1. 勾選可見時，可看得到元件。

2. 勾選不可見時，元件會被隱藏起來不顯示。

3. 設定元件不可見時，需先點擊【範本】→【範本web屬性】→【填報頁面設定】，勾選【直接顯示元件】。

4. 設定B2儲存格元件不可見，C2儲存格元件可見，預覽效果。

5

進階-格式-日期型。

1. 日期型，默認格式為 yyyy-MM-dd。

2. 年月型，可以把 yyyy-MM-dd 後面的 -dd去除，就能改為年月型。

3. 設定B2儲存格元件格式為yyyy-MM-dd，C2儲存格元件格式為yyyy-MM，預覽效果。

6

進階-格式-時間型。

1. 時間日期型，默認的格式為 yyyy-MM-dd HH:mm:ss。

2. 時間型，可以把 yyyy-MM-dd HH:mm:ss 前面的 yyyy-MM-dd 包含空格去除，就能更改為時間型。

3. 設定B2儲存格元件格式為yyyy-MM-dd HH:mm:ss，C2儲存格元件格式為HH:mm:ss，預覽效果。

7

進階-開始日期與結束日期。

1. 可以在日期元件中設置開始與結束日期的範圍，小於開始日期與大於結束日期的日期範圍，這些日期是無法選擇的，呈現灰階顏色。

2. 設定的方式有無、日期與公式。

3. 設定B2儲存格元件開始日期和結束日期為日期格式，設定C2儲存格元件開始日期和結束日期為公式。

4. 點擊預覽，在瀏覽器中查看效果。

8

進階-水印。

1. 設定水印後，當元件值為空時，在元件上會以淺灰色的文字顯示。

2. 當我們點擊元件後，水印就會消失，可以當做提示文字或數字。

3. 給B2儲存格元件設定水印，輸入值：請輸入。

4. 點擊預覽，在瀏覽器中查看效果。

9

進階-傳回值型別。

1. 當傳回值設定為日期時，只會依照默認的的日期格式來顯示。

2. 當傳回值設定為字串時，會依照儲存格的日期格式來顯示。

3. 設定B2儲存格元件的傳回值型別為日期，C2儲存格元件的傳回值型別為字串。

4. 在B3儲存格中插入公式=B2，在C3儲存格中插入公式=C2，預覽效果。

10

校驗-允許為空。

1. 勾選允許為空，表示元件可以為空顯示。

2. 不勾選允許為空，會彈出錯誤提示設定，預覽當元件為空時，會彈出設定的錯誤提示。

3. 設定B2儲存格取消勾選允許為空，設定錯誤提示為：請選擇日期。

4. 點擊填報預覽，在瀏覽器中查看效果。

11

校驗-允許直接編輯。

1. 勾選允許直接編輯，點擊元件空白處，可以直接在元件上直接輸入日期。

2. 不勾選允許直接編輯，點擊元件空白處，沒有作用。

3. 設定B2儲存格不勾選允許直接編輯。

4. 點擊填報預覽，在瀏覽器中查看效果。