Ext.js5日历和月历(25)

/**
* 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();
}
});