Vue日期相关操作

1、分别获取当前年、月、日、星期、时、分、秒

// 获取当前时间
var date = new Date();
// 获取今年年份
var year = date.getFullYear();
// 获取本月月份
var month = date.getMonth()+1;//因为月份存储的是0-11，所以获取当前月份要加一
// 获取今天是几号
var day = date.getDate();
// 获取今天是星期几，注意：0为星期天
var days = date.getDay();
// 获取当前是几时
var hour = date.getHours();
// 获取当前是几分
var min = date.getMinutes();
// 获取当前是几秒
var sec = date.getSeconds();

2、设置日期的年、月、日、时、分、秒

// 创建一个日期对象，默认为当前时间
var date = new Date();
// 设置年份为2022年
var year = date.setFullYear(2022);
// 设置月份为7月
var month = date.setMonth(6);//因为月份存储的是0-11，所以获取当前月份要加一
// 设置为20号
var day = date.setDate(20);
// 设置为20时
var hour = date.setHours(20);
// 设置为0分
var min = date.setMinutes(0);
// 设置为0秒
var sec = date.setSeconds(0);

3、通过以上的方式延申几种用法

        3.1、判断输入的日期是平年还是闰年

// 判断闰年的方法，传入的值为日期的值
isLeapYear(date){
    // 获取年份
    var year = date.getFullYear();
    // 判断是否为闰年
    if((year % 4 == 0 && year % 100 != 0) || (year % 400 == 0)){
        // 是闰年
        console.log("输入的日期的年份是闰年")
    } else {
        // 是平年
        console.log("输入的日期的年份是平年")
    }
}

        3.2、判断输入的日期是工作日还是休息日

// 判断是工作日还是休息日，传入的参数为日期的值
isWorkDay(date){
    // 获取输入的日期为星期几
    var day = date.getDay();
    // 判断是工作日还是休息日的条件
    if(day % 6 !== 0){
        console.log("输入的日期是工作日")
    } else {
        console.log("输入的年份是休息日")
    }
}

4、将当前日期转为yyyy-MM-dd的格式

// 将输入的日期转化格式为yyyy-MM-dd的字符串
myDateForrmat(date) {
    // 如果传值为空，则返回空字符串
    if (!date) {
        return "";
    }
    var year = date.getFullYear();
    var month = date.getMonth() + 1;
    var day = date.getDate();
    // 如果当前月份是10月之前就需要补0
    if (month < 10) {
        month = "0" + month;
    }
    // 如果当前日期是10号之前就需要补0
    if (day < 10) {
        day = "0" + day;
    }
    // 创建新的字符串存放结果
    var newDate = year + "-" + month + "-" + day;
    // 返回结果
    return newDate;
}

5、总结：以上这些方法在传参需要传日期时还是很好用的，同时也可以在前端进行处理时间的操作，提高了前端代码的灵活性。