uniapp uview uselect 时间选择 日期生成代码

需求， 时间需要显示当前日期往后 小时显示今天的之后的小时 ， 分钟显示 00 / 15 / 30 /45

最终效果如下

代码

/**
 * 获取未来天数列表
 *
 * @param dayCount 获取未来几天?
 * @returns {*[]} 未来天数列表
 */
function getFutureDays(dayCount) {
    if (dayCount <= 1) {
        throw new Error("getFutureDays参数 dayCount最少指定一天");
    }
    // 一天的时间
    let oneDayTime = 24 * 60 * 60 * 1000;

    let list = []
    for (let i = 0; i < dayCount; i++) {
        let lastDay = new Date(new Date().getTime() + i * oneDayTime);
        let year = lastDay.getFullYear();
        let month = lastDay.getMonth() + 1;
        let day = lastDay.getDate()
        if (month < 10) month = '0' + month;
        if (day < 10) day = '0' + day;

        let labelTime =  month + '月' + day + '日';
        let valueTime =  year + '-' + month + '-' + day;

        let label = {label: labelTime, value: valueTime}
        list.push(label)
    }

    list[0].label += " (今天)";

    if (dayCount > 1) {
        list[1].label += " (明天)";
    }
    if (dayCount > 2) {
        list[2].label += " (后天)";
    }
    return list;
}

/**
 * 获取今天的小时列表
 */
function getTodayHourList() {
    // 当前小时(24制)
    let currentHour = new Date().getHours();
    // 剩余小时个数
    let hourCount = 24 - currentHour;

    let list = [];
    for (let i = 1; i < hourCount; i++) {
        let label = {label: currentHour+i + '点', value: currentHour+i}
        if (i < 10) {
            label.value = '0' + label.value
        }
        list.push(label);
    }
    return list;
}

/**
 * 获取一天的小时列表
 * @returns {*[]} 一天的小时列表
 */
function getHourList(){
    let list = [];
    for (let i = 0; i < 24; i++) {
        let label = {label: i + '点', value: i}
        if (i < 10) {
            label.value = '0' + label.value
        }
        list.push(label);
    }
    return list;
}

/**
 * 获取分钟列表
 */
function getMinutesList() {
    return [
        {label: '00分', value: 0},
        {label: '15分', value: 15},
        {label: '30分', value: 30},
        {label: '45分', value: 45}
    ]
}


/**
 * 获取下单需要的时间列表
 */
export function getCreateOrderTimeList(){
    // 获取的天数
    let dayCount = 15;
    // 1.获取天数
    let dayList = getFutureDays(dayCount);
    // 3.获取分钟
    let minutes = getMinutesList();

    // 组装数据
    for (let i = 0; i < dayList.length; i++) {
        dayList[i].children = i === 0 ? getTodayHourList() : getHourList();
        let tempHourList = dayList[i].children;
        for (let j = 0; j < tempHourList.length; j++) {
            tempHourList[j].children = minutes;
        }
    }

    return dayList;
}

使用方式 直接调用此方法

getCreateOrderTimeList();

返回值放入u-select上的list属性上即可！