// 下载插件
import moment from "moment";
// 快捷时间选择方法
export function getTime(type) {
switch (type) {
case "quickTime":
return [null, null];
case "today":
return [moment().format("YYYY-MM-DD 00:00:00"), moment().format("YYYY-MM-DD 23:59:59")];
case "yesterday":
const yesterday = moment().subtract(1, "days").startOf("day");
const start = yesterday.format("YYYY-MM-DD 00:00:00");
const end = yesterday.format("YYYY-MM-DD 23:59:59");
return [start, end];
case "currentWeek":
const start1 = moment().isoWeekday(1).format("YYYY-MM-DD 00:00:00");
const end1 = moment().format("YYYY-MM-DD 23:59:59");
return [start1, end1];
case "lastWeek":
const start2 = moment()
.subtract(1, 'week').startOf('isoWeek')
.format("YYYY-MM-DD 00:00:00");
const end2 = moment()
.subtract(1, 'week').endOf('isoWeek')
.format("YYYY-MM-DD 23:59:59");
return [start2, end2];
case "currentMonth":
const start3 = moment().startOf("month").format("YYYY-MM-DD 00:00:00");
const end3 = moment().format("YYYY-MM-DD HH:mm:ss");
// moment()
// .endOf("month")
// .format("YYYY-MM-DDT23:59:59");
return [start3, end3];
case "lastMonth":
const start4 = moment().startOf("month").subtract(1, "months").format("YYYY-MM-DD 00:00:00");
const end4 = moment().startOf("month").subtract(1, "days").format("YYYY-MM-DD 23:59:59");
return [start4, end4];
case "currentYear":
const start5 = moment().startOf("year").format("YYYY-MM-DD 00:00:00");
const end5 = moment().format("YYYY-MM-DD 23:59:59");
// moment()
// .endOf("year")
// .format("YYYY-MM-DDT23:59:59");
return [start5, end5];
case "lastYear":
const start6 = moment().subtract(1, "year").startOf("year").format("YYYY-MM-DD 00:00:00");
const end6 = moment().subtract(1, "year").endOf("year").format("YYYY-MM-DD 23:59:59");
return [start6, end6];
}
}
// 组件中运用方法
import { generateQuickTime } from "@/utils/utils";
<el-select v-model="formData.quickTime" clearable @change="onDateChange">
<el-option value="quickTime" label="快捷时间"></el-option>
<el-option value="today" label="今天"></el-option>
<el-option value="yesterday" label="昨天"></el-option>
<el-option value="currentWeek" label="本周"></el-option>
<el-option value="lastWeek" label="上周"></el-option>
<el-option value="currentMonth" label="本月"></el-option>
<el-option value="lastMonth" label="上月"></el-option>
<el-option value="currentYear" label="本月"></el-option>
<el-option value="lastYear" label="上月"></el-option>
</el-select>
onDateChange(val) {
if (val) {
const [start, end] = generateQuickTime(val);
this.formData.startTime = start;
this.formData.endTime = end;
} else {
this.formData.startTime = null;
this.formData.endTime = null;
}
},
快捷时间(今/昨天;本/上月;本/去年)
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 因为日期选择器使用的地方较多,放在 mixins 里面使用比较方便; 正常日期范围也一样,就是把数据放出来即可; ...
- 今天 const startTime = moment(moment().startOf('day').value...