Ext.js5日历和月历(25)

使用日期和月份选择器示例

最新推荐文章于 2024-08-05 09:54:18 发布

翻译最新推荐文章于 2024-08-05 09:54:18 发布 · 561 阅读

Ext.js项目专栏收录该内容

65 篇文章

订阅专栏

本文展示了如何在应用程序中使用日期和月份选择器，包括基本用法和个性化配置选项。

/**
 * This example shows how to use the date/month pickers.
 * 没啥好说的，看代码，看官方例子，就懂了
 */
Ext.define('KitchenSink.view.form.Date', {
    extend: 'Ext.container.Container',
    xtype: 'form-date',


    layout: {
        type: 'vbox',
        align: 'center'
    },

    width: 500,

    items: [{
        xtype: 'container',
        layout: 'hbox',
        margin: '0 0 20 0',
        items: [{
            title: 'Date Picker',
            margin: '0 20 0 0',
            items: {
                xtype: 'datepicker'
            }
        }, {
            title: 'Month Picker',
            items: {
                xtype: 'monthpicker'
            }
        }]
    }, {
        xtype: 'container',
        layout: 'hbox',
        items: [{
            title: 'Date Picker (no today)',
            margin: '0 20 0 0',
            items: {
                xtype: 'datepicker',
                showToday: false
            }
        }, {
            title: 'Month Picker (no buttons)',
            items: {
                xtype: 'monthpicker',
                showButtons: false
            }
        }]
    }],

    initComponent: function() {
        this.width = 465;

        this.callParent();
    }
});