Extjs time
生活随笔
收集整理的這篇文章主要介紹了
Extjs time
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
Ext.form.field.Time拓展自Ext.form.field.Picker組件,是帶下來(lái)選擇框的時(shí)間框輸入字段;并且有自動(dòng)的時(shí)間驗(yàn)證功能;
代碼示例: (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:'時(shí)間選擇框', ????????????????xtype:'timefield', ????????????????width:220, ????????????????labelSeparator:':', ????????????????msgTarget:'side',//在字段的右邊顯示一個(gè)提示信息 ????????????????autoFitErrors:false,//展示錯(cuò)誤信息時(shí)是否自動(dòng)調(diào)整字段組件寬度 ????????????????maxValue:'18:00',//最大時(shí)間 ????????????????maxText:'時(shí)間相應(yīng)應(yīng)大于{0}',//小于最小時(shí)間的提示信息; ????????????????pickerMaxHeight:70,//下拉列表的最大高度; ????????????????increment:60,//時(shí)間間隔60分鐘; ????????????????format:'G時(shí)i分s秒',//G表示24時(shí)計(jì)時(shí)法 ????????????????invalidText:'時(shí)間格式無(wú)效' ????????????}] ????????}) ????}); })();?顯示效果:
時(shí)間顯示格式說(shuō)明;?
來(lái)自為知筆記(Wiz)
代碼示例: (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:'時(shí)間選擇框', ????????????????xtype:'timefield', ????????????????width:220, ????????????????labelSeparator:':', ????????????????msgTarget:'side',//在字段的右邊顯示一個(gè)提示信息 ????????????????autoFitErrors:false,//展示錯(cuò)誤信息時(shí)是否自動(dòng)調(diào)整字段組件寬度 ????????????????maxValue:'18:00',//最大時(shí)間 ????????????????maxText:'時(shí)間相應(yīng)應(yīng)大于{0}',//小于最小時(shí)間的提示信息; ????????????????pickerMaxHeight:70,//下拉列表的最大高度; ????????????????increment:60,//時(shí)間間隔60分鐘; ????????????????format:'G時(shí)i分s秒',//G表示24時(shí)計(jì)時(shí)法 ????????????????invalidText:'時(shí)間格式無(wú)效' ????????????}] ????????}) ????}); })();?顯示效果:
時(shí)間顯示格式說(shuō)明;?
來(lái)自為知筆記(Wiz)
轉(zhuǎn)載于:https://www.cnblogs.com/babyhhcsy/p/3879255.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的Extjs time的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: ListView上移 和下移
- 下一篇: 10、并发容器,ConcurrentHa