dashboard/src/stores/DatePickerStore.js

import {makeAutoObservable} from "mobx";
import moment from "moment";
/**
 * 管理搜索组件的状态
 */
class DatePickerStore {

    constructor(rootStore) {
        this.rootStore = rootStore;
        makeAutoObservable(this);
    }

    formValues = {};
    formValuesToSub = {};

    start_date = moment().startOf('week').subtract(7, 'days');
    end_date = moment().endOf('week').subtract(7, 'days');
    start_date_cp = false;
    end_date_cp = false;

    onChange_dataPicker = (dates) => {
        this.start_date = dates[0];
        this.end_date = dates[1];
    };

    onChange_dataPicker_cp = (dates) => {
        if (dates) {
            this.start_date_cp = dates[0];
            this.end_date_cp = dates[1];
        } else {
            this.start_date_cp = false;
            this.end_date_cp = false;
        }
    };

    // 计算上一个时间段
    previous_date() {
        return [moment(this.start_date).subtract(this.end_date.diff(this.start_date, 'days') + 1, 'days'), moment(this.start_date).subtract(1, 'days')];
    }

    // 去年同期
    previous_year() {
        return [moment(this.start_date).subtract(1, 'year'), moment(this.end_date).subtract(1, 'year')];
    }

    setFormValues(data){
      this.formValues = data;
    }

    setFormValuesToSub(data){
      this.formValuesToSub = data;
    }
}

export default DatePickerStore;