dm-vue3-ui/es/date-picker/utils/config.js

This Components Library will help get you started developing in Vue 3.

import { $t } from "../../i18n/index";
const presetValues = [
  {
    label: $t("datePicker.preset.values")[0],
    startTime: "-10s",
    endTime: "now"
  },
  {
    label: $t("datePicker.preset.values")[1],
    startTime: "-30s",
    endTime: "now"
  },
  {
    label: $t("datePicker.preset.values")[2],
    startTime: "-1m",
    endTime: "now"
  },
  {
    label: $t("datePicker.preset.values")[3],
    startTime: "-5m",
    endTime: "now"
  },
  {
    label: $t("datePicker.preset.values")[4],
    startTime: "-10m",
    endTime: "now"
  },
  {
    label: $t("datePicker.preset.values")[5],
    startTime: "-15m",
    endTime: "now"
  },
  {
    label: $t("datePicker.preset.values")[6],
    startTime: "-30m",
    endTime: "now"
  },
  {
    label: $t("datePicker.preset.values")[7],
    startTime: "-60m",
    endTime: "now"
  },
  {
    label: $t("datePicker.preset.values")[8],
    startTime: "-12h@m",
    endTime: "now"
  },
  {
    label: $t("datePicker.preset.values")[9],
    startTime: "@d",
    endTime: "now"
  },
  {
    label: $t("datePicker.preset.values")[10],
    startTime: "@w1",
    endTime: "now"
  },
  {
    label: $t("datePicker.preset.values")[11],
    startTime: "@mon",
    endTime: "now"
  },
  {
    label: $t("datePicker.preset.values")[12],
    startTime: "@q",
    endTime: "now"
  },
  {
    label: $t("datePicker.preset.values")[13],
    startTime: "@y",
    endTime: "now"
  },
  {
    label: $t("datePicker.preset.values")[14],
    startTime: "-1d@d",
    endTime: "@d"
  },
  {
    label: $t("datePicker.preset.values")[15],
    startTime: "-2d@d",
    endTime: "-1d@d"
  },
  {
    label: $t("datePicker.preset.values")[16],
    startTime: "-7d@w1",
    endTime: "@w1"
  },
  {
    label: $t("datePicker.preset.values")[17],
    startTime: "-1mon@mon",
    endTime: "@mon"
  },
  {
    label: $t("datePicker.preset.values")[18],
    startTime: "-1q@q",
    endTime: "@q"
  },
  {
    label: $t("datePicker.preset.values")[19],
    startTime: "-1y@y",
    endTime: "@y"
  },
  {
    label: $t("datePicker.preset.values")[20],
    startTime: "",
    endTime: ""
  }
];
const realTimeValues = [
  {
    label: $t("datePicker.real.values")[0],
    value: 30,
    unit: "s"
  },
  {
    label: $t("datePicker.real.values")[1],
    value: 1,
    unit: "m"
  },
  {
    label: $t("datePicker.real.values")[2],
    value: 5,
    unit: "m"
  },
  {
    label: $t("datePicker.real.values")[3],
    value: 30,
    unit: "m"
  },
  {
    label: $t("datePicker.real.values")[4],
    value: 1,
    unit: "h"
  },
  {
    label: $t("datePicker.real.values")[5],
    value: 3,
    unit: "h"
  }
];
const timeUnits = [
  {
    label: $t("datePicker.real.units")[0],
    value: "s",
    momentUnit: "second"
  },
  {
    label: $t("datePicker.real.units")[1],
    value: "m",
    momentUnit: "minute"
  },
  {
    label: $t("datePicker.real.units")[2],
    value: "h",
    momentUnit: "hour"
  },
  {
    label: $t("datePicker.real.units")[3],
    value: "d",
    momentUnit: "day"
  },
  {
    label: $t("datePicker.real.units")[4],
    value: "w",
    momentUnit: "week"
  },
  {
    label: $t("datePicker.real.units")[5],
    value: "mon",
    momentUnit: "month"
  },
  {
    label: $t("datePicker.real.units")[6],
    value: "q",
    momentUnit: "quarter"
  },
  {
    label: $t("datePicker.real.units")[7],
    value: "y",
    momentUnit: "year"
  }
];
export {
  presetValues,
  realTimeValues,
  timeUnits
};