ExtJs之Ext.form.field.TimePicker DatePicker组合框

时间：2022-09-05 20:21:59
<!DOCTYPE html>
<html>
<head>
    <title>ExtJs</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css">
        <script type="text/javascript" src="ExtJs/ext-all.js"></script>
        <script type="text/javascript" src="ExtJs/bootstrap.js"></script>
        <script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script>

    <script type="text/javascript">
            Ext.onReady(function() {
                Ext.QuickTips.init();
                Ext.create('Ext.form.Panel', {
                    title: 'Ext.form.field.Time.Sapmle',
                    renderTo: 'form',
                    bodyPadding: 5,
                    frame: true,
                    height: 100,
                    width: 300,
                    items: [{
                        fieldLabel: 'TimePicker',
                        xtype: 'timefield',
                        width: 280,
                        labelSeparator: ':',
                        msgTarget: 'side',
                        autoFitErrors: false,
                        maxValue: '18:00',
                        maxText: 'limit to 18:00',
                        minValue: '10:00',
                        minText: 'limit to 10:00',
                        pickerMaxHeight: 200,
                        increment: 60,
                        format: 'G:i:s',
                        invalidText: 'invalid format'
                    }]
                });

                Ext.create('Ext.form.Panel', {
                    title: 'Ext.form.field.Date.Sapmle',
                    renderTo: 'form1',
                    bodyPadding: 5,
                    frame: true,
                    height: 100,
                    width: 400,
                    items: [{
                        fieldLabel: 'DatePicker',
                        xtype: 'datefield',
                        width: 380,
                        labelSeparator: ':',
                        msgTarget: 'side',
                        autoFitErrors: false,
                        maxValue: '12/31/2008',
                        minValue: '01/01/2008',
                        format: 'Y:m:d',
                        value: '12/31/2008'

                    }]
                });
            });
    </script>
</head>
<body>
    <div id='form'></div>
        <div id='form1'></div>

</body>
</html>

ExtJs之Ext.form.field.TimePicker DatePicker组合框

ExtJs之Ext.form.field.TimePicker DatePicker组合框的更多相关文章

  1. ExtJs之Ext&period;form&period;field&period;ComboBox组合框

    <!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv ...

  2. ExtJs Ext&period;form&period;field&period;TextArea&plus;Ckeditor 扩展富文本编辑器

    Ext.define("MyApp.base.BaseTextArea", { extend: "Ext.form.field.TextArea", xtype ...

  3. ExtJS4&period;2学习&lpar;17&rpar;表单基本输入控件Ext&period;form&period;Field（转）

    鸣谢:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-12-11/189.html --------------- ...

  4. 47&period; Ext&period;form&period;Field&period;prototype&period;msgTarget

    转自:https://blog.csdn.net/a1542aa/article/details/24295791 ExtJS.form中msgTarget Ext表单提示方式:msgTarget:有 ...

  5. 重写 Ext&period;form&period;field 扩展功能

    直接代码,放项目overrides文件夹中即可 //重写类 表单父类 //支持allowBlank动态绑定 Ext.define("override.form.field.Base&quot ...

  6. Ext&period;form&period;field&period;Picker &lpar;ComboBox、Date、TreePicker、colorpick&period;Field&rpar;竖向滚动导致布局错误

    ComboBox.Date.TreePicker.colorpick.Field这些继承了Ext.form.field.Picker的控件. 在6.0.0和6.0.1中,在界面中存在竖向滚动条时,点击 ...

  7. 学习EXTJS6（8）基本功能-表单的基础表字段Ext&period;form&period;field&period;Basic

    Ext.form.field.Basic是表单字段的基类. Ext.form.field.Text Ext.form.field.TextArea Ext.form.field.Number Ext. ...

  8. ExtJs 第二章，Ext&period;form&period;Basic表单操作

    1.认识Ext.form.Panel表单面板         Ext.form.field.CheckBox 复选框 checkboxfield Ext.form.CheckBoxGroup 复选框组 ...

  9. Javascript - ExtJs - Ext&period;form&period;Panel组件

    FormPanel组件(Ext.form.FormPanel) logogram:Ext.form.Panel | xtype:form Ext.form.Panel.配置 frame }//旗下所有 ...

随机推荐

  1. Java知识点总结&lpar;不定时更新&rpar;

    1.基于分代的垃圾收集算法 设计思路:把对象按照寿命长短来分组,分为年轻代和年老代,新创建的对象被分在年轻代,如果对象经过几次回收后仍然存活,那么再把这个对象划分到年老代.年老代的收集频率不像年轻代那 ...

  2. G - Strongly connected - hdu 4635（求连通分量）

    题意:给你一个图,问最多能添加多少条边使图仍为不是强连通图,如果原图是强连通输出 ‘-1’ 分析:先把求出连通分量进行缩点,因为是求最多的添加边,所以可以看成两部分 x,y,只能一部分向另外一部分连边 ...

  3. 乐在其中设计模式&lpar;C&num;&rpar; - 单例模式&lpar;Singleton Pattern&rpar;

    原文:乐在其中设计模式(C#) - 单例模式(Singleton Pattern) [索引页][源码下载] 乐在其中设计模式(C#) - 单例模式(Singleton Pattern) 作者:weba ...

  4. 用Java开发一个工具类，提供似于js中eval函数功能的eval方法

    今天在看到<Java疯狂讲义>中一个章节习题: 开发一个工具类,该工具类提供一个eval()方法,实现JavaScript中eval()函数的功能--可以动态运行一行或多行程序代码.例如: ...

  5. Git 生成SSH Key

    背景:服务器是LINUX系统(centos7),使用GitLab管理git代码库.各个客户端通过sourcetree 工具,采用SSH获取.提交代码.使用SSH的方式需要公钥和私钥.下面介绍秘钥的生成 ...

  6. c&sol;c&plus;&plus; 线性栈

    c/c++ 线性栈 线性栈 下面的代码实现了以下功能 函数 功能描述 push 压入 pop 弹出 show_list 打印 clear 移动top指针到栈底 destroy 释放所有内存空间 seq ...

  7. jQuery插件制作之全局函数用法实例

    原文地址:http://www.jb51.net/article/67056.htm 本文实例讲述了jQuery插件制作之全局函数用法.分享给大家供大家参考.具体分析如下: 1.添加新的全局函数 所谓 ...

  8. SpringMVC关于ajax提交400错误（后台获取为null）

    400错误有三种情况 1:请求的数据量过大,不过这种情况一般很少见. 2:请求的data参数有误,确保每一个参数都能请求到. 注释:之前小白出现400错误,后台获取参数为null是因为第三种情况,经过 ...

  9. Git操作（基础篇）

    Git操作(基础篇) Git是一款免费.开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目.Git的读音为/gɪt/.Git是一个开源的分布式版本控制系统,用以有效.高速的处理从很小到非常 ...

  10. 【剑指offer】包含min函数的栈，C&plus;&plus;实现

    博客文章索引地址 博客文章中代码的github地址 1.题目 定义栈的数据结构,请在该类型中实现一个能够得到栈最小元素的min函数.在该栈中调用push.pop.top.min的时间复杂度都是o(1) ...

相关文章