3、iview默认一周时间查询:

159 阅读1分钟

image-20230519112135818.png

1、utils-time.js

// 格式化时间
function dateFormat(date, format) {
    let format1 = format;
    var o = {
        'M+': date.getMonth() + 1,
        'd+': date.getDate(),
        'H+': date.getHours(),
        'm+': date.getMinutes(),
        's+': date.getSeconds(),
        'q+': Math.floor((date.getMonth() + 3) / 3),
        'S+': date.getMilliseconds()
    };

    if (!format1) {
        format1 = 'yyyy-MM-dd';
    }

    if (/(y+)/.test(format1)) {
        format1 = format1.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
    }

    if (/(S+)/.test(format1)) {
        format1 = format1.replace(RegExp.$1, (date.getMilliseconds() + '').substr(3 - RegExp.$1.length));
    }

    for (var k in o) {
        if (new RegExp('(' + k + ')').test(format1)) {
            format1 = format1.replace(
                RegExp.$1,
                RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length)
            );
        }
    }
    return format1;
}

2、## 对时间进行格式化

<span class="time-input">
		<DatePicker
				:value="[queryParam.startTimeStr, queryParam.endTimeStr]"			
				type="datetimerange"
				placeholder="请选择起止日期"
				style="width: 300px"
				@on-change="changeDate"
		></DatePicker>
		<div class="search-input-btn" @click="dateSearch">
			<Icon type="ios-search" />
		</div>
</span>

//引入js文件
import { dateFormat } from '@/assets/js/utils-time';
methods: {

/**
		 * 日期获取
		 * @method changeDate
		 * **/
		changeDate(val) {			
			this.queryParam.startTimeStr = val[0];
			this.queryParam.endTimeStr = val[1];
			this.getPlatform();
		},


		getDate(){
			this.queryParam.startTimeStr= dateFormat(new Date(new Date() - 7 * 24 * 60 * 60 * 1000), 'yyyy-MM-dd 00:00:00');
			this.queryParam.endTimeStr= dateFormat(new Date(), 'yyyy-MM-dd 23:59:59');
		},
}