sencha：日期选择组件datepicker

来源于《sencha touch权威指南》

-------------------------------

除app.js外，其它内容都与上一篇博客里的内容相同。app.js代码如下：

Ext.require(['Ext.form.Panel','Ext.form.FieldSet','Ext.field.Radio','Ext.field.Select','Ext.TitleBar','Ext.field.DatePicker']);
Ext.application({
    name: 'MyApp',
    icon: 'images/icon.png',
    glossOnIcon: false,
    phoneStartupScreen: 'images/phone_startup.png',
    tabletStartupScreen: 'images/tablet_startup.png',
    
    launch: function(){
        var formPanel = Ext.create('Ext.form.Panel',{
            id: 'formPanel',
            scrollable: 'vertical',
            items: [{
                xtype: 'fieldset',
                title: '电影信息',
                instructions: '请填写电影信息',
                defaults:{
                    labelwidth: '20%'
                },
                items:[{
                    xtype: 'datepickerfield',
                    name: 'released',
                    label: '发行日期',
                    picker:{
                        yearFrom: 2000,
                        yearTo: 2100
                    },
                    value: new Date(),
                    dateFormat: 'Y/m/d',
                }]
            }]
        });
        Ext.Viewport.add(formPanel);
    }
});

 

chrome浏览器显示如下：