Vue日期相关操作
1、分别获取当前年、月、日、星期、时、分、秒
·
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、总结:以上这些方法在传参需要传日期时还是很好用的,同时也可以在前端进行处理时间的操作,提高了前端代码的灵活性。
更多推荐
已为社区贡献1条内容
所有评论(0)