ext时间控件Ext.ux.form.DateTimeField和Ext.form.DateField的用法比较

ゝ一世哀愁。 2023-07-25 14:15 14阅读 0赞

## Ext.ux.form.DateTimeField ##

页面效果 可以精确到年月日时分秒  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1MTk2MA_size_16_color_FFFFFF_t_70]

var _txtEndTime = new Ext.ux.form.DateTimeField({ 
            name: 'endTime',   名称
            selectOnFocus: true,
            allowBlank: false,   不能为空
            value:new Date().add(Date.HOUR,+6),  设置默认值为当前时间6小时后 
            format: 'Y-m-d H:i',   时间格式
            fieldLabel: '结束时间',  时间框前对应的名称
            hiddenValue: false,
        });

## Ext.form.DateField ##

页面效果： 只能精确到年月日 不能选择时分秒 会自动默认为00:00:00  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1MTk2MA_size_16_color_FFFFFF_t_70 1]

var _txtHappenTime = { 
        xtype: 'datefield',
        name: 'happenTime',
        selectOnFocus: true,
        value: new Date(),
        format: 'Y-m-d H:i:s',
        fieldLabel: '出现时间',
        hiddenValue: false,
    };

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1MTk2MA_size_16_color_FFFFFF_t_70]: /images/20230528/300e4d31384b4f558f1537d7fb917302.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTE1MTk2MA_size_16_color_FFFFFF_t_70 1]: /images/20230528/164433b861384c14ae3ccec018316e1a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关 (Ext基础篇) Ext表格控件

xt中的表格功能非常强大，包括排序、缓存、拖动、隐藏某一行、自动显示行号、列汇总、单元格编辑等实用功能。表格由类Ext.grid.GridPanel定义，继承自Pan...

朴灿烈づ我的快乐病毒、/ 2024年04月17日 23:42/ 0 赞/ 82 阅读

相关 Ext加载地图控件

![Center][] ![Center 1][] [Center]: https://img-blog.csdn.net/20131114085619937?waterm

青旅半醒/ 2023年10月16日 18:44/ 0 赞/ 18 阅读

相关 ext时间控件Ext.ux.form.DateTimeField和Ext.form.DateField的用法比较

Ext.ux.form.DateTimeField 页面效果可以精确到年月日时分秒 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5n

ゝ一世哀愁。/ 2023年07月25日 14:15/ 0 赞/ 15 阅读

相关 Ext.slider控件的用法

Ext提供的slider组件含有横向、纵向，以及单值、多值选择的特性，我们可以利用这些属性设计出漂亮的滚轴控件，下面介绍几个Ext.slider控件的实例：一、定义

短命女/ 2022年07月21日 12:22/ 0 赞/ 204 阅读

相关 Ext 主要控件

Ext.form.TimeField: 配置项： maxValue：列表中允许的最大时间 maxText：当时

青旅半醒/ 2022年07月15日 11:20/ 0 赞/ 181 阅读

相关 Ext 主要控件

Ext.form.TimeField: 配置项： maxValue：列表中允许的最大时间 maxText：当时

ゝ一世哀愁。/ 2022年07月15日 11:09/ 0 赞/ 174 阅读

相关 Ext 主要控件

Ext.form.TimeField: 配置项： maxValue：列表中允许的最大时间 maxText：当时

系统管理员/ 2022年07月15日 11:09/ 0 赞/ 170 阅读

相关 ext DateField控件格式

以下是从网上查找的一些资料 [ext DateField控件格式][ext DateField] 配置 format: 'Y-m-d', <table> <tbody

约定不等于承诺〃/ 2022年06月18日 09:36/ 0 赞/ 182 阅读

相关 Ext中TreePanel控件和TabPanel控件搭配

在实际的项目中，左边树形菜单，提供各种功能点击，右边一个面板，随着左边节点的选择表现不同的功能内容，这是一个相当经典的布局，在Ext框架中，有两个控件TreePanel和Tab

Bertha 。/ 2022年05月08日 19:34/ 0 赞/ 189 阅读

相关时间挑选控件用法DateTimePicker

本文展示了时间挑选控件的用法可以挑选日期和时间两种： ![在这里插入图片描述][20190526100850173.png] 首先需要将dateTimePicker2的f

素颜马尾好姑娘i/ 2022年01月27日 09:43/ 0 赞/ 467 阅读