Ext js 3.3 组件readOnly属性设置为true的问题


这是官方ＡＰＩ的一个实例，当我在源代码中添加一条readOnly:true时，就成了以下样式
代码如下： /*
     * ================  Date Range  =======================
     */    var dr = new Ext.FormPanel({
      labelWidth: 125,
      frame: true,
      title: 'Date Range',
      bodyStyle:'padding:5px 5px 0',
      width: 350,
      defaults: {width: 175},
      defaultType: 'datefield',
      items: [{
        fieldLabel: 'Start Date',
        name: 'startdt',
        id: 'startdt',
        vtype: 'daterange',
//readOnly:true,
        endDateField: 'enddt' // id of the end date field
      },{
        fieldLabel: 'End Date',
        name: 'enddt',
        id: 'enddt',
        vtype: 'daterange',
        startDateField: 'startdt' // id of the start date field
      }]
    });请问这是怎么回事啊？