時間組件提供時間數(shù)據(jù)的輸入和選擇功能。下文介紹該組件的詳細配置。

步驟一:添加組件

  1. 創(chuàng)建Web應用。具體操作,請參見創(chuàng)建Web應用
  2. 在Web應用編輯器中,單擊最左側(cè)的組件圖標組件
  3. 在畫布左側(cè)組件列表上方,輸入時間,找到該組件,然后將組件拖拽到中間畫布。

    有關(guān)組件添加的更多信息,請參見添加組件

    時間組件

步驟二:配置樣式

  1. 在右側(cè)樣式中,完成數(shù)據(jù)展示樣式的配置。
    配置項 描述
    主題色 設(shè)置輸入框的UI主題色。組件的主要文字、選擇時間的控件將都采用該色值。
    時間單位 設(shè)置可選擇到的時間單位。支持秒、天、月、年四種粒度的時間。
    默認時間 選中對應的復選框,開啟默認時間。支持設(shè)置應用頁面運行時,組件初始展示的時間。

    以頁面打開時的時間作為基準時間(0點),設(shè)置對應的加減時間。例如,要設(shè)置默認時間為打開頁面的當天,則應該選擇時間單位為,默認時間設(shè)置為當前時間+0天。

  2. 調(diào)整組件在頁面中的最終位置。有關(guān)組件通用樣式配置的更多信息,請參見樣式配置

步驟三:配置交互動作

  1. 選中組件的交互頁簽,配置事件和交互動作。具體操作請參見交互配置
    例如,組件值改變,執(zhí)行動作刷新組件,即隨著組件值變化更新某組件展示數(shù)據(jù)。
  2. 單擊頁面右上方的預覽,預覽和調(diào)試組件展示的數(shù)據(jù)和效果。