uas6.0/WebContent/app/view/core/form/ConDateFPField.js

/**
 * From-To datefield With combobox
 * @author xiongcy
 */
Ext.define('erp.view.core.form.ConDateFPField', {
    extend: 'Ext.form.FieldContainer',
    alias: 'widget.condatefpfield',
    layout: 'hbox',
    value: "BETWEEN '' AND ''",
    height: 22,
    valuePrint:"",
    items: [],
    showscope: true,
    initComponent : function(){
    	this.callParent(arguments);
    	var me = this;
    	me.combo = Ext.create('Ext.form.field.ComboBox', {
    		width: 75,
    		editable: false,
    		hidden: !me.showscope,
    		fieldStyle: 'background:#C1CDC1',
    		store: Ext.create('Ext.data.Store', {
    		    fields: ['display', 'value'],
    		    data : [
    		        {"display":"-请选择-", "value": 8},
    		        {"display":"本月", "value": 1},
    		        {"display":"下月", "value": 2},
    		        {"display":"一季度", "value": 3},
    		        {"display":"二季度", "value": 4},
    		        {"display":"三季度", "value": 5},
    		        {"display":"四季度", "value": 6},
    		        {"display":"本年度", "value": 7},
    		        {"display":"自定义", "value": 8}
    		    ]
    		}),
    	    queryMode: 'local',
    	    displayField: 'display',
    	    valueField: 'value',
    	    value: 1,
    	    listeners: {
    	    	select: function(combo, records, obj){
    	    		me.setDateFieldValue(combo.value);
    	    	}
    	    }
    	});
    	me.insert(0, me.combo);
    	me.insert(1, {
	        xtype: 'datefield',
	        id: me.name + '_from',
	        name: me.name + '_from',
	        flex: 1,
	        fieldStyle: me.fieldStyle,
	        listeners: {
	        	change: function(){
	        		var from = Ext.getCmp(me.name + '_from').value;
	        		var to = Ext.getCmp(me.name + '_to').value;
	        		var v = me.items.items[0].value;
	        		if(v != 8) {
	        			Ext.getCmp(me.name + '_to').setMinValue(Ext.getCmp(me.name + '_from').value);
	        		}
	        		from = from == null || from == '' ? to == null || to == '' ? '' : to : from;
	        		to = to == null || to == '' ? from == null || from == '' ? '' : from : to;
	          		me.firstVal = from;
	        		me.secondVal = to;
	        		if(to!=''&&from!=''){
	        		me.value = "BETWEEN to_date('" + Ext.Date.format(from,'Y-m-d') + " 00:00:00','yyyy-MM-dd HH24:mi:ss') AND to_date('" 
        				+ Ext.Date.format(to,'Y-m-d') + " 23:59:59','yyyy-MM-dd HH24:mi:ss')";
	        		if(me.ownerCt){
	        			var tablename = me.ownerCt.tablename;
	        			me.valuePrint="{"+tablename+"."+me.name+"}>=date('"+Ext.Date.format(from,'Y-m-d')+"') and {"+tablename+"."+me.name+"}<=date('"+Ext.Date.format(to,'Y-m-d')+"')";
	        		}
	        		}else {
		        		  me.value=null;
		        	}
	        	}
	        }
	    });
    	me.insert(2, {
	        xtype: 'datefield',
	        id: me.name + '_to',
	        name: me.name + '_to',
	        flex: 1,
	        fieldStyle: me.fieldStyle,
	        listeners: {
	        	change: function(){
	        		var from = Ext.getCmp(me.name + '_from').value;
	        		var to = Ext.getCmp(me.name + '_to').value;
	        		var v = me.items.items[0].value;
	        		if(v != 8) {
	        			Ext.getCmp(me.name + '_from').setMaxValue(Ext.getCmp(me.name + '_to').value);
	        		}
	        		from = from == null || from == '' ? to == null || to == '' ? '' : to : from;
	        		to = to == null || to == '' ? from == null || from == '' ? '' : from : to;
	          		me.firstVal = from;
	        		me.secondVal = to;
	        		if(to!=''&& from!=''){
	        		me.value = "BETWEEN to_date('" + Ext.Date.format(from,'Y-m-d') + " 00:00:00','yyyy-MM-dd HH24:mi:ss') AND to_date('" 
	        			+ Ext.Date.format(to,'Y-m-d') + " 23:59:59','yyyy-MM-dd HH24:mi:ss')";
	        		if(me.ownerCt){
	        			var tablename = me.ownerCt.tablename;
	        			me.valuePrint = "{"+tablename+"."+me.name+"}>=date('"+Ext.Date.format(from,'Y-m-d')+"') and {"+tablename+"."+me.name+"}<=date('"+Ext.Date.format(to,'Y-m-d')+"')";
	        		}
	        	  }else {
	        		  me.value=null;
	        	  }
    			}
	        }
	    });
    	var t = this.value;
    	if(!t || !t in [1,2,3,4,5,6,7,8]) {
    		t = 1;
    	}
    	this.value = null;
    	this.combo.setValue(t);
    	this.setDateFieldValue(t);
	},
	setDateFieldValue: function(v){
		v = Number(v);
		var me = this;
		var from = Ext.getCmp(me.name + '_from');
		var to = Ext.getCmp(me.name + '_to');
		var now = new Date();                    //当前日期  		
		var nowDay = now.getDate();              //当前日  
		var nowMonth = now.getMonth();           //当前月  
		var nowYear = now.getYear();             //当前年  	 
		nowYear += (nowYear < 2000) ? 1900 : 0;
		var maxDate = null;
		var minDate = null;
		
		switch (v) {
			case 1://本月
				minDate = Ext.Date.getFirstDateOfMonth(now);
				maxDate = Ext.Date.getLastDateOfMonth(now);
				break;
			case 2://下月
				minDate = Ext.Date.getFirstDateOfMonth(new Date(nowYear, nowMonth + 1, 1));
				maxDate = Ext.Date.getLastDateOfMonth(new Date(nowYear, nowMonth + 1, 1));
				break;
			case 3://一季度 1-3
				minDate = new Date(nowYear, 0, 1);
				maxDate = new Date(nowYear, 2, 31);
				break;
			case 4://二季度 4-6
				minDate = new Date(nowYear, 3, 1);
				maxDate = new Date(nowYear, 5, 30);
				break;
			case 5://三季度 7-9
				minDate = new Date(nowYear, 6, 1);
				maxDate = new Date(nowYear, 8, 30);
				break;
			case 6://四季度 10-12
				minDate = new Date(nowYear, 9, 1);
				maxDate = new Date(nowYear, 11, 31);
				break;
			case 7://本年度
				minDate = new Date(nowYear, 0, 1);
				maxDate = new Date(nowYear, 11, 31);
				break;
			case 8://自定义
				minDate = new Date(2000, 0, 1);
				maxDate = new Date(nowYear + 100, 11, 31);
				break;
			default:
				minDate = new Date(2000, 0, 1);
				maxDate = new Date(nowYear + 100, 11, 31);
				break;
		}
		from.setMaxValue(maxDate);
		from.setMinValue(minDate);
		to.setMaxValue(maxDate);
		to.setMinValue(minDate);
		if(v == 8) {
			from.setValue(null);
			to.setValue(null);
			me.firstVal = null;
			me.secondVal = null;
			from.setEditable(true);
			to.setEditable(true);
		} else {
			from.setValue(minDate);
			to.setValue(maxDate);
			me.firstVal = minDate;
			me.secondVal = maxDate;
			from.setEditable(false);
			to.setEditable(false);
		}
	},
	setValue: function(v){
		
	},
	getValue: function(){
		return this.value;
	},
	listeners: {
    	afterrender: function(){
    		var tb = this.getEl().dom;
    		if(tb.nodeName == 'TABLE') {
    			return;
    		}
    		tb.childNodes[1].style.height = 22;
    		tb.childNodes[1].style.overflow = 'hidden';
    		var tablename = this.ownerCt == null ? '' : this.ownerCt.tablename;
    		if(this.firstVal != null && this.secondVal != null) {
	        	this.valuePrint = "{"+tablename+"."+this.name+"}>=date('"+Ext.Date.toString(this.firstVal)+"') and {"
	        		+tablename+"."+this.name+"}<=date('"+Ext.Date.toString(this.secondVal)+"')";
    		}
    	}
    },
    hideScope: function(bool) {
    	if(bool)
    		this.items.items[0].hide();
    	else 
    		this.items.items[0].show();
    },
    mregex: /^[1-9]\d{3}[0-1]\d$/,
    setMonthValue: function(val) {
    	if(this.mregex.test(val)) {
    		var me = this,
	    		d = Ext.Date.parse(val + '01', 'Ymd'),
	    		f = Ext.Date.getFirstDateOfMonth(d),
	    		l = Ext.Date.getLastDateOfMonth(d);
			var from = Ext.getCmp(me.name + '_from');
			var to = Ext.getCmp(me.name + '_to');
			from.setMaxValue(l);
			from.setMinValue(f);
			to.setMaxValue(l);
			to.setMinValue(f);
			from.setValue(f);
			to.setValue(l);
    	}
    }
});