日期选择框

    Ext.QuickTips.init();
    var f_Pannel = Ext.create('Ext.form.Panel', {
        renderTo: Ext.getBody(),
        frame: true,
        width: 400,
        height: 150,
        defaults: {
            labelSepator: ':',
            labelWidth: 100,
            labelAlign: 'left',//面板中有两个元素:label表单字段标签和表单字段,这里就是表单面板对象,所以可以在这里定义label位置
            width: 300,//定义表单字段的大小,这里是radiogroup和checkboxgroup的宽度。
            //boxLabelAlign: 'before'//单选or复选框内容标签的位置,默认为after。还可设定为before。应该放到radio和checkbox对象中
            //才会其作用
            msgTarget: 'under'
        },
        items: [
          {
              xtype: 'datefield', fieldLabel: "日期拾取器", maxValue: '12/20/2020', maxText: '日期应小于{0}',id:'001',value:"10/18/2014",
              format: 'Y m d', minValue: new Date(), minText: '时间应大于{0}',//所谓的Y m d格式即是2/1/2009,日/月/年
              //incremnet表示下拉列表中各时间的间隔,这里将其设为1分钟。
              disabledDates:["2010 9 1"],disabledDatesText:'Stop!',disabledDays:[0,6],disabledDaysText:'Stop,have a rest'
          }]//disabledDates中禁止的日期,只有当其格式与format 格式相同时才起作用。format:'Y年m月d日,则disabledDates也必须是这种格式。
    });//而maxValue和minValue中日期格式只需跟altFormats中配置相同。
    console.log(Ext.form.field.Date.constructor);
    //console.log(f_Pannel.getForm().findField("001").value);
posted @ 2014-10-24 21:32  lz3018  阅读(412)  评论(0编辑  收藏  举报