使用场景:校验两个日期大小(比如:开始日期和结束日期比较、入职日期和转正日期、合同开始日期和合同结束日期)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>js比较两个日期大小--getTime()方法</h2>
<script>
let date1 = '1995-12-02';
let date2 = '1995-09-12';
let startDate = new Date(date1);
let endDate = new Date(date2);
// 比较大小
if(startDate < endDate){
console.log("我是较大的日期");//date1为较小的日期
}else{
console.log("我是较小的日期");
}
</script>
</body>
</html>
在vue项目中的使用:可以做监听form里面的字段 也可以做change事件
1.vue监听器写法如下:
watch: {
'form.startDate'(){
let date1 = '1995-12-02';
let date2 = '1995-09-12';
let startDate = new Date(date1);
let endDate = new Date(date2);
// 比较大小
if (startDate < endDate) {
console.log("我是较大的日期");//date1为较小的日期
} else { console.log("我是较小的日期"); }
}
}