EXT JS两种时间控件的比较

1、new Ext.form.DateField 

只提供了日期选择部分,没有提供时间部分供选择,例:

this.beginDt =  newExt.form.DateField({

        selectOnFocus: true,

        allowBlank: false,

        value: newDate().add(Date.DAY,-7),

        format: 'Y-m-d ',/*Y-m-dH:i:s*/

        width: 90

    });

2、new Ext.ux.form.DateTimeField则提供了日期和时间部分供选择
例:

 this.beginDt = newExt.ux.form.DateTimeField({

        selectOnFocus: true,

        allowBlank: false,

        value:newDate().add(Date.DAY,-7),

        format: 'Y-m-d ',

        width: 140

    });


注:

new Date().add(Date.DAY,-7)中-7可以改成任意整数,赋值为正整数时表示当前时间往后延几天(tomorrow。。。),赋值为负整数时表示当前时间往前推几天(yesterday。。。)。

两者表格中显示的时间日期格式都由 format控制,显示分两种:

①只显示日期的格式: 'Y-m-d'

②显示日期和时间的格式:'Y-m-d H:i:s'

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
好的,我可以为您讲解一下使用 Ext 中的 Grid 件。 Grid 是一个非常常用的件,它可以展示表格数据。在使用 Grid 之前,我们需要先引入 Ext 的 Grid 组件,可以通过以下代码进行引入: ```javascript Ext.require(['Ext.grid.*']); ``` 接着,我们可以定义一个 Ext.grid.Panel 对象,即一个 Grid 面板。以下是一个简单的 Grid 面板的定义示例: ```javascript Ext.create('Ext.grid.Panel', { title: 'My Grid Panel', store: myStore, columns: [ { text: 'Name', dataIndex: 'name' }, { text: 'Email', dataIndex: 'email', flex: 1 }, { text: 'Phone', dataIndex: 'phone' } ], height: 200, width: 400, renderTo: Ext.getBody() }); ``` 在上述代码中,我们定义了一个 Grid 面板,它包含了一个标题、一个数据源(即 store)、三列数据(name、email 和 phone)以及一个高度和宽度。在最后,我们将这个 Grid 面板渲染到页面中。 其中,store 是 Grid 的数据源,我们需要先定义一个 store 对象。以下是一个简单的 store 对象的定义示例: ```javascript var myStore = Ext.create('Ext.data.Store', { fields: ['name', 'email', 'phone'], data: [ { name: 'Lisa', email: 'lisa@simpsons.com', phone: '555-111-1224' }, { name: 'Bart', email: 'bart@simpsons.com', phone: '555-222-1234' }, { name: 'Homer', email: 'homer@simpsons.com', phone: '555-222-1244' }, { name: 'Marge', email: 'marge@simpsons.com', phone: '555-222-1254' } ] }); ``` 在上述代码中,我们定义了一个包含 name、email 和 phone 三个字段的数据源。我们通过 data 属性来设置数据,可以看到,我们在这里直接将数据写在代码中。在实际中,我们通常是从后台获取数据,然后将数据赋值给 store 对象。 以上就是使用 Ext 中的 Grid 件的基本步骤。希望能对您有所帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值