layui时间范围 - 技术栈

java 复制代码

		//时间范围
		String time_range = para.getString("time_range", "");
		if (!StrUtil.isEmpty(time_range)) {
			String dateArr[] = time_range.split("-");
			if (dateArr.length == 2) {
				para.put("start_date", dateArr[0].trim().replace("/", ""));
				para.put("end_date", dateArr[1].trim().replace("/", ""));
			}
		}

复制代码

<input type="text" class="layui-input" id="time_range"
      placeholder=" - ">

javascript 复制代码

        var date = new Date();
 		var end_date = formatDate(date);
		var start_date = computeDate(date, -7);
		var date_str = start_date.replaceAll('-', '/') + " - " + end_date.replaceAll('-', '/');
		layui.laydate.render({
			elem: '#time_range',
			range: true,
			format: 'yyyy/MM/dd',
			value: date_str,
			done: function (value, date) {
				listStorage(value);
			}
		});

javascript 复制代码

function formatDate (date) {
    if(null == date || undefined == date){
        date = new Date();
    }
    var year = date.getFullYear()
    var month = this.changeNum(date.getMonth() + 1)
    var day = this.changeNum(date.getDate())
    return `${year}-${month}-${day}`;
}

function changeNum (num) {
    if (num >= 10) {
        return num
    } else {
        return '0' + num
    }
}

javascript 复制代码

/**
 * 计算距离某日期n天前/后的日期（年月日）
 */
function computeDate(beginDate, addDay) {
    if(null == beginDate || undefined == beginDate){
        beginDate = new Date();
    }
    this.today = this.formatDate(beginDate)
    var beginTime = beginDate.getTime()
    var endTime = beginTime + addDay * 24 * 60 * 60 * 1000
    beginDate.setTime(endTime)
    return this.formatDate(beginDate);
}