Extjs datefield

 var dr = Ext.create('Ext.FormPanel', {
        renderTo: 'dr',
        frame: true,
        title: 'Date Range',
        bodyPadding: '5px 5px 0',
        width: 350,
        fieldDefaults: {
            labelWidth: 125,
            msgTarget: 'side',
            autoFitErrors: false
        },
        defaults: {
            width: 300
        },
        defaultType: 'datefield',
        items: [
            {
                fieldLabel: 'Start Date',
                name: 'startdt',
                id: 'startdt',//指定id
                format:'Y年m月d日',//显示日期的格式
                maxValue :'12/31/2029',//允许选择的最大日期  
                minValue :'01/01/2009',//允许选择的最小日期  
                disbaleDays:[0,6],
                editable:false, //禁止手动编辑
                value: new Date, //value为date类型
                vtype: 'daterange', //date range:日期范围
                endDateField: 'enddt' // 结束日期的id字段
            },
            {
                fieldLabel: 'End Date',
                name: 'enddt',
                id: 'enddt',
                vtype: 'daterange',
                startDateField: 'startdt' //开始日期的id字段
            }
        ]
    });

 

/////////////////// 取值 /////////////////////////

 //ajax交互
  dateSubmit = function(){
      var start_Date=getDatefieldVale('startdt');//调用getDatefieldVale方法 获得日起控件的值,传入控件id
      params = {
          startDate : start_Date
      }
      var url = "demo!forwardDataListPage.action";
      ajaxParamRefresh(url, params, "interactionDiv"); //这里用的是Jquery Ajax异步请求
  }
 
  //获取日期的值
  function getDatefieldVale(id){
      return formatDate(Ext.getCmp(id).getValue());
  }
 
  //日起转换 传入字符串或者日期类型 转换为指定类型的字符串
  function formatDate(v) {
      if (typeof v == 'string')
       v = parseDate(v);
      if (v instanceof Date) {
       var y = v.getFullYear();
       var m = v.getMonth() + 1;
       var d = v.getDate();
       var h = v.getHours();
       var i = v.getMinutes();
       var s = v.getSeconds();
       var ms = v.getMilliseconds();
       if (ms > 0)
        return y + '-' + m + '-' + d + ' ' + h + ':' + i + ':' + s + '.'
          + ms;
       if (h > 0 || i > 0 || s > 0)
        return y + '-' + m + '-' + d + ' ' + h + ':' + i + ':' + s;
       return y + '年' + m + '月' + d + '日';
      }
      return '';
     }

posted @ 2012-05-17 17:46  Mable  Views(443)  Comments(0)    收藏  举报