1、获取date值
1.1以下都是再vue中开发
//该getDate()方法返回每月的当前日期(1-31)
var date=new Date(); //如果当前是2023年09月03日
date.getDate(); //获得的是当前日期数值,几日,如:3
1.2或者后端返回的是时间字符串'2023年09月03号'
now()是Date对象的静态方法。它以毫秒为单位的值返回,该值表示从纪元以来所经过的时间。你可以将now()方法返回的毫秒数传递给Date构造函数以实例化新Date对象,如下:
//2023年09月03日
var dateStr=tableDate.value.registrationDeadline;
//返回的是Sat Sep 03 2023 12:00:00 GMT+0800 (中国标准时间)
var date=new Date(dateStr);
date.getDate();//获得的是当前日期数值,几日,如:3
2、获取月份值
var date=new Date();
//使用getMonth()方法返回指定日期的月份,需要注意的一点是,
//该方法返回0索引值(0-11),其中0表示一月,11表示十二月。因此,加1可以使月份的值标准化
var month=date.getMonth()+1;
3、自定义日期格式器功能
除了上面提到的格式外,你的应用程序可能具有不同的数据格式。它可以是yy/dd/mm或yyyy-dd-mm格式,或者类似的格式。为了解决这个问题,最好创建一个可重用的函数,以便可以在多个项目中使用它。接下来,让我们创建一个实用程序函数,该函数将以函数参数中指定的格式返回日期:
注意:实际开发中遇到的坑,replace()函数中yyyy必须在前面,否则获取到的年份永远是两位数,而yy在后面不影响想获取两位数的年份
即:/mm|dd|yyyy|yy/gi
const day=new Date();
formatDateStr(day,'yy/mm/dd');
function formatDateStr(date,format){
const map={
mm:date.getMonth()+1,
dd:date.getDate(),
yy:date.getFullYear().toString().slice(-2),
yyyy:date.getFullYear()
}
//这样当使用formatDateStr(day,'yyyy/mm/dd')调用时获取不到四位数的年份
//return format.replace(/mm|dd|yy|yyyy/gi,matched=>map[matched])
//必须使用'/mm|dd|yyyy|yy/gi',如下
return format.replace(/mm|dd|yyyy|yy/gi,matched=>map[matched])
}
最后我们可以使用其他第三方库例如:datesj和moment来处理应用程序中的日期。