extjs中的年份和月份控件使用

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/lovergo/article/details/54427414

废话不多说,直接上代码和效果图:

代码:

/** 查询信息-查询信息的form */
    test.queryForm = new Ext.form.FormPanel({
        title : "",
        autoHeight : true,
        border : false,
        frame : true,
        align : "center",
        style : "bgcolor #F000000",
        renderTo : '${param.id}',
        layout : "form", // 整个表单是form布局
        labelWidth : 100,
        labelAlign : "right",
        items : [ { // 行1
            layout : "column", // 从左往右的布局
            xtype : 'fieldset',
            title : '查询条件',
            collapsible : false,
            autoHeight : true,
            items : [ 
//          {
//              columnWidth : .25, // 该列有整行中所占百分比
//              layout : "form", // 从上往下的布局
//              items : [ {
//                  xtype : "textfield",
//                  fieldLabel : "计划表编号",
//                  name : 'Id',
//                  enableKeyEvents : true,
//                  anchor : '99%'
//              } ]
//          }, 
            {
                columnWidth : .25, // 该列有整行中所占百分比
                layout : "form", // 从上往下的布局
                items : [ 
                new Ext.form.DateField({
                            fieldLabel:'月份',
//                          value:new Date(),
                            //renderTo: document.body,  
                            plugins:'monthPickerPlugin',  
                            name:'Month',  
                            format: 'Y-m',
                            anchor:'99%'
                        })  ]
            }, {
                columnWidth : .25, // 该列有整行中所占百分比
                layout : "form", // 从上往下的布局
                items : [ {
                    xtype : "combo",
                    fieldLabel : "审核状态",
                    name : 'scdState',
                    emptyText : '请选择状态...',
                    triggerAction : 'all',
                    mode : 'local',
                    store : new Ext.data.ArrayStore({
                                    fields : ['v', 't'],
                                    data : scdState
                            }),
                    valueField : 'v',
                    displayField : 't',
                    allowBlank : true,
                    editable : false,
                    anchor : '99%'
                } ]
            } ]
        } ]
    });

效果图:
这里写图片描述

展开阅读全文

没有更多推荐了,返回首页