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相关推荐

  1. ExtJs学习笔记(5)_Ajax示例

    ExtJs对于Ajax的使用非常简单,看下面的代码: 1.Html页: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona ...

  2. Extjs 基础篇—— Function基础

    这里主要是JS的基础知识,也是深入理解Ext的基础. 1.参数可变长,注意跟Java还是有一点区别的. 例: view source print? 1.function getUser(name,ag ...

  3. ExtJS 4.x 得到资源树上任意的节点对象

    上半年做ExtJS 4.x 的时候,遇到过对资源树操作的情况: Ext.tree.Panel 如下图: 目的: 直接根据每个节点的{任意key : 对应value},就能找到匹配的节点对象 代码如下: ...

  4. EXTJS之Ext.util.Observable自定义事件

    暂时还不会用Ext.mixin.Observable, 催悲的测试了近两个小时.这TMD的语法差距也太大了啊.. 在新版EXTJS里,已去除了addEvents. 弄个出来,大概知道下吧. ? 1 2 ...

  5. ExtJs 备忘录(3)—— Form表单(三) [ 数据验证 ]

    正文 一.资料 1.1. 表单提示的方式设置,如: Ext.form.Field.prototype.msgTarget='side' 该设置为枚举值:'qtip','side','title','u ...

  6. ExtJs grid合并单元格

    extjs中,如果要输出一些有合并单元格的表格,要怎么做呢?如图所示: 从网上找了个例子,其主要思想是表格的store装载完毕后,随即对这个grid的td进行一个个的控制,用的方法也是原始的javas ...

  7. 【WebMisCentral WMC】基于Extjs 4.2x的企业级用户授权认证中心系统(SSO+AM+SM),多租户SAAS应用...

    http://saas.chinacloudtech.com 题记 三年磨一剑,在企业信息化的道路上已经走了3年之久了,3年多时间里做了很多,突破了很多:有无奈和辛酸,也有收货与喜悦:自我价值也在不断 ...

  8. java extjs如何使用_ExtJS初探:在项目中使用ExtJS

    注意:本文写作时间是 2013 年,所讲的 ExtJS 如今早已过时,请勿学习! -------------------------------- 今天ExtJS官网发布了ExtJS最新正式版4.2. ...

  9. ExtJs中column与form布局的再次领悟

    前段时间转了一篇有关于ExtJs中column与form的布局问题(可以参考这篇文章http://sucre.blog.51cto.com/1084905/884279 ),今天在设计页面时又用到了这 ...

  10. 前端每周清单第 33 期:React 16 发布与特性介绍,Expo AR 教程,ExtJS 从崛起到沉寂...

    前端每周清单专注前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点:分为新闻热点.开发教程.工程实践.深度阅读.开源项目.巅峰人生等栏目.欢迎关注[前端之巅]微信公众号(ID:front ...

最新文章

  1. win2003登陸及關機設定
  2. python新手入门-python新手入门方法
  3. 补课系列:最小生成树
  4. time模块 random模块
  5. Hadoop sqoop
  6. php接收get数组数据,php-如何从wordpress数据库中获取数组值get_results
  7. mabatis传入参数
  8. ElementUI腾讯云开发者开发指南
  9. 自然语言处理入门——RNN架构解析
  10. vb2010 java,连接用vb成功连接access2010
  11. ida pro6.4 linux安装使用
  12. 深度学习实战案例:新闻文本分类
  13. 在linux基础上开发内核,科学院在Linux内核基础上,开发出中文操作系统是()。A.中科LinuxB.熊猫LinuxC.红旗Linux...
  14. char类型数据说明
  15. JDK 8 之 Stream sorted() 示例
  16. SAP PS 第0节 PS PA有哪些知识点及IDES练习
  17. 安路FPGA学习之有趣的下载方式
  18. mysql建表 括号_MySQL建表的问题,关于索引
  19. 英语不好,能学好计算机吗?
  20. 记录AOSP源码编译刷机(pixel 4a)

热门文章

  1. mysql定期删除数据_mysql数据库如何实现定期删除数据库一些东西
  2. 大二上学期总结计算机专业,计算机学生的大二第二学期自我总结-自我总结
  3. mysql proxy 管理_ProxyMySQL的Admin管理接口
  4. CAN总线抗干扰的六种解决方案
  5. oracle行的唯一标识符,Oracle 10g SELECT 语句
  6. c语言strchr的用法,C 库函数 - strchr()
  7. nginx php实例,多个mysql,nginx,php实例环境安装zabbix(完全自定义)
  8. 高性能mysql 第六章_第六章 查询性能优化
  9. spring 调用python_Spring http服务远程调用实现过程解析
  10. 亮剑吧,掏出你吃灰的单片机板子。