Ext.form.field.Time拓展自Ext.form.field.Picker組件，是帶下來選擇框的時間框輸入字段；并且有自動的時間驗證功能；
代碼示例： (function(){ ????Ext.onReady(function(){ ????????Ext.QuickTips.init(); ????????Ext.create('Ext.form.Panel',{ ????????????title:'Ext.form.field.Time示例', ????????????renderTo:Ext.getBody(), ????????????bodyPadding:5, ????????????frame:true, ????????????height:100, ????????????width:300, ????????????items:[{ ????????????????fieldLabel:'時間選擇框', ????????????????xtype:'timefield', ????????????????width:220, ????????????????labelSeparator:':', ????????????????msgTarget:'side',//在字段的右邊顯示一個提示信息 ????????????????autoFitErrors:false,//展示錯誤信息時是否自動調整字段組件寬度 ????????????????maxValue:'18:00',//最大時間 ????????????????maxText:'時間相應應大于{0}',//小于最小時間的提示信息； ????????????????pickerMaxHeight:70,//下拉列表的最大高度； ????????????????increment:60,//時間間隔60分鐘； ????????????????format:'G時i分s秒',//G表示24時計時法 ????????????????invalidText:'時間格式無效' ????????????}] ????????}) ????}); })();?顯示效果：

時間顯示格式說明；?



來自為知筆記(Wiz)

轉載于:https://www.cnblogs.com/babyhhcsy/p/3879255.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的Extjs time的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。