簡述
為了方便后續(xù)組件開發(fā),單獨創(chuàng)建了一個模塊來存放組件,以后項目中開發(fā)的通用定制化組件統(tǒng)一放在此模塊中,目前暫時只有時間控件啸澡,大家按需安裝即可使用。
注:時間控件僅支持Char類型字段氮帐。
第一步
應(yīng)用模塊搜索:通用控件-安裝
第二步
在你的char類型字段的form視圖中引入widget:date_range_select
支持options參數(shù)嗅虏,不傳options默認為"時:分"格式
例1:<field name="XXX" widget="date_range_select" options="{'type':'HH:mm'}" autocomplete="off"/>
表示時間類型為"時:分",顯示效果如下:
例2:<field name="XXX" widget="date_range_select" options="{'type':'HH:mm:ss'}" autocomplete="off"/>
表示時間類型為"時:分:秒"上沐,顯示效果如下:
例3:<field name="XXX" widget="date_range_select" options="{'type':'yyyy-MM-dd'}" autocomplete="off"/>
表示時間類型為"年-月-日"旋恼,顯示效果如下:
例4:<field name="XXX" widget="date_range_select" options="{'type':'yyyy-MM-dd HH:mm:ss'}" autocomplete="off"/>
表示時間類型為"年-月-日?時:分:秒",顯示效果如下:
點擊“選擇時間”?切換至時間選擇框冰更,點擊“返回日期”可返回日期選擇框
注意事項
一般配合兩個char字段使用昂勒,開始-結(jié)束蜀细,注意后端校驗時間先后